本文实例为大家分享了引导模态框的两种使用状况,供大家参考,具体内容如下
一。模态框的正常点击出现,如添加功能
& lt; td宽度=?20 px”比;
& lt;按钮类型=卑磁ダ?" btn btn-blue "
data-toggle=澳Ｌ笔菽勘?" # systemAdd "祝辞添加& lt;/button> & lt;/td>
& lt; !——添加的模态框——比;& lt;/aside>
& lt; div类="模态消失" id==岸曰翱颉北取皊ystemAdd”作用,
& lt; div类=澳Ｌ曰翱颉北?
祝辞& lt; div class="模式内容”;
& lt; div class=" modal-header modal-header-blue”比;
& lt;按钮类型=鞍磁ァ眂lass=肮乇铡眃ata-dismiss=澳Ｌ?
aria-hidden=" true "祝辞,次;& lt;/button>
& lt; h5类=" modal-title "祝辞添加& lt;/h5>
& lt;/div>
& lt; div class=" modal-body text-center”比;
& lt;形式作用=" form-horizontal "
action=" $ {ctx}/系统/addSystemUser。xht”方法=" post "
id=" addForm "比;
祝辞& lt; div class="形式的班级”;
& lt;标签=皀ame”的在用户ID& lt;输入类型=拔谋尽?
类="表单控件" id=" userId0 " name="标识"
占位符="请输入用户ID”比;
& lt;/div>
祝辞& lt; div class="形式的班级”;
& lt;标签=皀ame”在密码& lt;/label>& lt;输入类型=拔谋尽?
类="表单控件" id=" userPwd " name=" userPwd "
占位符="请输入密码”比;
& lt;/div>
祝辞& lt; div class="形式的班级”;
& lt;标签="名称"祝辞系统ID& lt;输入类型=拔谋尽?
类="表单控件" id=" systemCode " name=" systemCode "
占位符="请输入系统ID”比;
& lt;/div>
祝辞& lt; div class="形式的班级”;
& lt;标签="名称"祝辞是否是管理员& lt;/label>& lt;选择类=氨淼タ丶?
id=" superFlg " name=" superFlg祝辞
& lt;选项值=" https://www.yisu.com/zixun/0 "祝辞否& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/1 "祝辞是& lt;/option>
& lt;/select>
& lt;/div>
祝辞& lt; div class="形式的班级”;
& lt;标签="名称"祝辞删除标志& lt;/label>& lt;选择类=氨淼タ丶?
id=" delFlg " name=" delFlg祝辞
& lt;选项值=" https://www.yisu.com/zixun/0 "祝辞正常& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/1 "祝辞删除& lt;/option>
& lt;/select>
& lt;/div>
祝辞& lt; div class="形式的班级”;
& lt;标签="名称"祝辞创建日期& lt;/label>
& lt; div类=' input-group日期' id=癲atetimepicker1”比;
& lt;输入类型=拔谋尽眂lass=氨淼タ丶闭嘉环?扒胙≡翊唇ㄈ掌凇?
data-date-format=" YYYY-MM-DD HH: mm: ss " id=癱reateTime”
name=" createTime "/比;& lt;跨类=癷nput-group-addon”比;
& lt;跨类=" glyphicon glyphicon-calendar”祝辞& lt;/span>
& lt;/span>
& lt;/div>
& lt;/div>
& lt;/form>
& lt;/div>
& lt; div类=癿odal-footer”比;
& lt;按钮类型=鞍磁ァ崩?癰tn btn-blue data-dismiss”=澳Ｌ?
在添加& lt;/button>
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default”
data-dismiss=澳Ｌ钡脑诠乇? lt;/button>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
之前
二。还有一种就是编辑,此时在弹出模态框时,里面要写入数据,所以要先取得数据再弹出模态框。这时要加入js代码控制
jsp页 1.面
& lt; td宽度=?20 px”比;
& lt;按钮类型=鞍磁ァ?
类=" btn btn-green "
在修改& lt;/button> & lt;/td>
& lt; div类="模态消失" id==岸曰翱颉北取皊ystemUpp”作用,
& lt; div类=澳Ｌ曰翱颉北?
祝辞& lt; div class="模式内容”;
& lt; div class=" modal-header modal-header-green”比;
& lt;按钮类型=鞍磁ァ眂lass=肮乇铡眃ata-dismiss=澳Ｌ?
aria-hidden=" true "祝辞,次;& lt;/button>
& lt; h5类=" modal-title "祝辞修改& lt;/h5>
& lt;/div>
& lt; div class=" modal-body text-center”比;
& lt;形式作用=" form-horizontal "
action=" $ {ctx}/系统/updateUser。xht”方法=" post "
id=" modifyForm "比;
& lt; div class="形式的班级“隐藏=耙亍北?
& lt;标签="名称"祝辞NO& lt;输入类型=拔谋尽?
类="表单控件" id="第一" name="不" readonly>
& lt;/div>
& lt; div class="形式的班级“隐藏=耙亍北?
& lt;标签=皀ame”的在用户ID
