Boostrap 标准的远程弹出窗口页面样式
来源:互联网 发布:淘宝评价管理在哪 编辑:程序博客网 时间:2024/04/18 11:48
一、在主页modal代码:
<!-- 调用远程审批对话框 --><div class="modal fade" id="large-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog modal-large" role="document"> <div class="modal-content"></div></div></div>
二、调用的js代码:function replyMessage(id){ var url = "${ctx}/jsp/system/messageReply.jsp"; $modal.modal({ remote: url +"?title=回复站内信" }); }
三、远程页面代码:
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><%@ include file="/common/taglibs.jsp" %><div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">${param.title}</h4></div><div class="modal-body"> <form id="replyMsgForm" method="post" role="form" class="form-horizontal"> <div class="form-group has-feedback"> <label class="col-md-2 control-label" for="receiveNames">接收人:</label> <div class="col-md-10"> <span class="glyphicon glyphicon-user form-control-feedback" ></span> <input id="receiveNames" name="receiveNames" class="form-control" value="${receiveNames}" type="text" readonly onclick="openModal('receiveIds','receiveNames','user','1','');"/> <input id="receiveIds" name="receiveIds" value="${receiveIds}" type="hidden"> </div> </div> <div class="form-group has-feedback"> <label class="col-md-2 control-label" for="subject">主题:</label> <div class="col-md-10"> <input id="subject" name="subject" value="${subject}" class="form-control" readonly="readonly"/> </div> </div> <div class="form-group has-feedback"> <label class="col-md-2 control-label" for="fileContent">内容:</label> <div class="col-md-10"> <textarea id="fileContent" name="content" class="form-control" rows="3">${content }</textarea> </div> </div> </form></div><div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal" id="taskList-modal-close">关闭</button> <button type="button" class="btn btn-primary" id="messageReply-modal-save">回复</button></div><script type="text/javascript"> CKEDITOR.replace('fileContent',{ customConfig : '${ctx}/ckeditor/ckeditor_config.js' }); function checkInput(){ $("#fileContent").val(CKEDITOR.instances["fileContent"].getData()); var receiveNames = $('#receiveNames').val(); if(sy.isEmpty(receiveNames)){ alert('请选择接收人!'); return false; } if(sy.isEmpty($('#subject').val())){ alert('请填写回复主题!'); return false; } return true; } //--打开组织架构人员窗口------------------------------------ var $largeModal =$("#large-modal"); function openModal(fieldid, fieldname, orgType, multiple, callMethodName, extraStr){ var vid = $('input[id="'+fieldid+'"]').val(); var vname = $('input[id="'+fieldname+'"]').val(); var title = "请选择人员名称"; // 参数的拼接 var paramStr = 'fieldid='+fieldid+'&fieldname='+fieldname+'&orgType='+orgType+'&vid='+vid+'&vname='+vname+ '&multiple='+multiple+'&callMethodName='+callMethodName+'&extraStr='+extraStr+'&title='+title; var url = '${ctx}/org/orgInfoAction!showOrgPage.action?'+paramStr; $largeModal.modal({ remote: url }); }</script>
0 0
- Boostrap 标准的远程弹出窗口页面样式
- boostrap里面的表格样式
- 页面基本的弹出窗口
- 完整的boostrap布局页面
- 自定义spinner的下拉弹出窗口样式
- 设定弹出窗口样式
- boostrap需要的样式的地址
- 生成类似于弹出窗口的页面
- 利用AutoIt得到页面弹出的窗口
- 页面右下角弹出窗口
- 弹出窗口页面
- 弹出窗口打开页面
- 提示窗口(Alert)、弹出窗口去掉弹出后阴影的样式设置
- DIY的JS弹出层弹出对话框弹出页面弹出窗口的插件
- 弹出新的IE窗口,并控制其样式
- android 自定义spinner的下拉弹出窗口样式
- android 自定义spinner的下拉弹出窗口样式
- jQuery实现自定义样式的弹出窗口和确认框
- SharePreference+序列化存储对象
- 【第11周 项目1 - 二叉树算法验证(1)层次遍历算法的验证】
- shiro 小白学习过程(1)
- Cocoa深入学习:NSOperationQueue、NSRunLoop和线程安全
- 为什么Java中500==500为假而50==50为真?
- Boostrap 标准的远程弹出窗口页面样式
- 【OpenCV】OpenCV3中的SURF特征点的寻找和匹配
- if的格式
- hadoop学习之HIVE(3.2):hadoop2.7.2下配置hiveserver2启动远程连接
- 【JavaWeb】JSP学习笔记(一)环境|目录|JSP基础语法|内置对象
- LuaFramework数据传输Protobuf的解析repeated字段
- iPhone6无法开机
- 7. Reverse Integer
- sysbench压力测试工具使用方法