/** * */ $(function (){ formValidator(); //select2 多选 $("#rid").select2({ //minimumInputLength: 1, language: "zh-CN", //设置 提示语言 maximumSelectionLength: 3, //设置最多可以选择多少项 //width: "100%", //设置下拉框的宽度 placeholder: "请选择", tags: true, }); $("#test-table").bootstrapTable('destroy'); $('#test-table').bootstrapTable({ method : 'GET', //默认是post,不允许对静态文件访问 url: "meeting/meetingRoomList.action", cache : false, striped : true,// 隔行加亮 pagination : true, //开启分页功能 在表格底部显示分页工具栏 pageSize : 5, //默认每页条数 pageNumber : 1, //默认分页 pageList : [ 10, 20, 50, 100],//分页数 smartDisplay: false, showColumns : true, //显示隐藏列 showRefresh : false, //显示刷新按钮 toolbar:"#toolbar", singleselect : true, minimumCountColumns: 2,// 设置最少显示列个数 clickToSelect: true, // 单击行即可以选中 search : false,//显示搜素表单 silent : true, //刷新事件必须设置 sidePagination : "server", //表示服务端请求 columns : [ { checkbox:true } ,{ field : "f_RoomId", title : "会议室ID", class : 'col-md-1', align : "center", valign : "middle", sortable : "true" }, { field : "f_RoomNo", title : "会议室编号", align : "center", valign : "middle", sortable : "true" }, { field : "f_RoomName", title : "会议室名称", align : "center", valign : "middle", sortable : "true" }, { field : "f_ReaderID", title : "读卡器", align : "center", valign : "middle", sortable : "true" }, { field : "f_Notes", title : "备注", align : "center", valign : "middle", sortable : "true" }, { field: 'operate', title: '操作', class : 'col-md-2', align: 'center', valign: 'middle', formatter: operateFormatter, }], queryParamsType: "undefined", queryParams: function queryParams(params) { //设置查询参数 var param = { pageNumber: params.pageNumber, pageSize: params.pageSize, // searchText: params.searchText }; return param; }, formatLoadingMessage : function() { return "请稍等,正在加载中..."; }, formatNoMatches : function() { return '无符合条件的记录'; } }); }); function operateFormatter(value, row, index) { return ['', '   ' ].join(''); } //删除 function delMeetingRoom(id){ if(confirm('您确定要删除这条数据吗?')){ $.ajax({ url:'meeting/delMeetingRoom.action', dataType:'json', type:'post', data:{ mid:id }, success:function(data){ if(data){ alert('删除成功!'); }else{ alert('删除失败!'); } $("#test-table").bootstrapTable('refresh'); }, error:function(){ alert("请求失败!"); } }); }else{ return false; } } //修改 function upMeetingRoom(){ var x=$("#info1").text(); if(x=='此名称可用'||x==""){ var ids=[]; var obj=$('#tree1').treeview('getChecked'); $.each(obj,function(index,items){ ids.push(items.id); }); $('#f_ReaderID1').attr("value",ids.join(',')); if($("#myform").data('bootstrapValidator').validate().isValid()){ $.ajax({ url:'meeting/upMeetingRoom.action', dataType:'json', type:'post', data:$("#myform").serialize(), success:function(data){ if(data){ alert('修改成功!'); }else{ alert('修改失败!'); } $("#test-table").bootstrapTable('refresh'); closeDlg(); }, error:function(){ alert("请求失败!"); } }); } }else{ alert("填写信息不合法!"); } } //修改 打开 function getValue(id){ $.ajax({ url:'meeting/getMeetingRoom.action', dataType:'json', type:'post', data:{ mid:id }, success:function(data){ $("#f_RoomId1").val(id); $("#f_RoomNo1").val(data.meetingRoom.f_RoomNo); $("#f_RoomName1").val(data.meetingRoom.f_RoomName); $("#f_ReaderID1").val(data.meetingRoom.f_ReaderID); $("#f_Notes1").val(data.meetingRoom.f_Notes); $('#tree1').treeview({ data: data.tree, // 数据源 showCheckbox: true, //是否显示复选框 selectable: false, multiSelect: false, //多选 state: {     checked: true,     disabled: true,     expanded: true,     selected: true } }); }, error:function(){ alert("请求失败!"); } }); $("#mydlg").modal('show'); } //修改 验证会议室名称是否唯一 function checkRoomName1(){ var y=$("#f_RoomId1").val(); var x=$("#f_RoomName1").val(); if(x!=""){ $.ajax({ url:'meeting/checkRoomName.action', dataType:'json', type:'post', data:{ meetingRoomName:x, mid:y }, success:function(data){ $("#info1").text(data.msg); }, error:function(){ alert("请求失败!"); } }); } } //添加 验证会议室名称是否唯一 function checkRoomName(){ var x=$("#f_RoomName").val(); if(x!=""){ $.ajax({ url:'meeting/checkRoomName.action', dataType:'json', type:'post', data:{ meetingRoomName:x }, success:function(data){ $("#info").text(data.msg); }, error:function(){ alert("请求失败!"); } }); } } //添加会议室 function saveMeetingRoom(){ var x=$("#info").text(); if(x=="此名称可用"){ var ids=[]; var obj=$('#tree').treeview('getChecked'); $.each(obj,function(index,items){ ids.push(items.id); }); $('#f_ReaderID').attr("value",ids.join(',')); if($("#addForm").data('bootstrapValidator').validate().isValid()){ $.ajax({ url:'meeting/saveMeetingRoom.action', dataType:'json', type:'post', data:$("#addForm").serialize(), success:function(data){ if(data){ alert('添加成功!'); }else{ alert('添加失败!'); } $("#test-table").bootstrapTable('refresh'); closeDlg(); }, error:function(){ alert("请求失败!"); } }); } }else{ alert("填写信息不合法!"); } } //打开 添加窗口 function addMeetingRoom(){ getReaderList(); $("#addDlg").modal('show'); } //关闭 function closeDlg(){ $("#addDlg").modal('hide'); $("#mydlg").modal('hide'); $("#info").text(null); $("#info1").text(null); $("input[type=reset]").trigger("click"); $('#myform').data('bootstrapValidator', null); $('#addForm').data('bootstrapValidator', null); formValidator(); } function formValidator(){ $("#addForm").bootstrapValidator({ fields:{ f_RoomName:{ validators:{ notEmpty:{ message:"会议室名称不能为空" }, stringLength:{ max:20, message:"字符长度不能超过20个字符" } } }, f_RoomNO:{ validators:{ notEmpty:{ message:'会议室编号不能为空' }, stringLength:{ max:200, message:'字符长度不能超过200个字符' } } }, f_ReaderID:{ validators:{ notEmpty:{ message:'读卡器不能为空' } } } } }); $("#myform").bootstrapValidator({ fields:{ f_RoomName:{ validators:{ notEmpty:{ message:"会议室名称不能为空" }, stringLength:{ max:20, message:"字符长度不能超过20个字符" } } }, f_RoomNO:{ validators:{ notEmpty:{ message:'会议室编号不能为空' }, stringLength:{ max:200, message:'字符长度不能超过200个字符' } } }, f_ReaderID:{ validators:{ notEmpty:{ message:'读卡器不能为空' } } } } }); } /** * 查询所有部门 追加到 条件查询中 * @returns */ function getReaderList(){ $.ajax({ url:'meeting/viewTree.action', dataType:'json', type:'post', // data:{rid:id}, success:function(data){ $('#tree').treeview({ data: data, // 数据源 showCheckbox: true, //是否显示复选框 // highlightSelected: false, //是否高亮选中 // backColor: "purple",//背景色  // onhoverColor: "#F5F5DC",//鼠标悬浮颜色  // borderColor: "red",//边框颜色  // highlightSelected: true,//高亮选中  // selectedColor: "red",//选中颜色  // selectedBackColor: "#D3D3D3",//选中背景色  // color: "#00BFFF",  selectable: false, multiSelect: false, //多选 state: {     checked: true,     disabled: true,     expanded: true,     selected: true }, // onNodeChecked: function (event,node) { // // 父级节点被选中,那么子级节点都要选中 //  if (node.nodes != null) { //   $.each(node.nodes, function(index, value) { //     $('#tree').treeview('checkNode', value.nodeId, { //     silent : true //    }); //   }); //  } else { // //   // 子级节点选中的时候,要根据情况判断父节点是否要全部选中 //   // 父节点 //   var parentNode = $('#tree').treeview('getParent', node.nodeId); //   var isAllchecked = $('#tree'); // 是否全部选中 //   // 当前子级节点的所有兄弟节点,也就是获取父下面的所有子 //   var siblings = $('#tree').treeview('getSiblings', node.nodeId); //   for ( var i in siblings) { //    // 有一个没选中,则不是全选 //    if (!siblings[i].state.checked) { //     isAllchecked = false; //     break; //    } //   } //   // 全选,则打钩 //   if (isAllchecked) { //     $('#tree').treeview('checkNode', parentNode.nodeId, { //     silent : true //    }); //   } else {// 非全选,则变红 //     $('#tree').treeview('checkNode', node.nodeId, { //     silent : true //    }); //   } //   // } // }, // onNodeUnchecked : function(event, node) { // silentByChild = true; //  // 选中的是父级节点 //  if (node.nodes != null) { //   // 这里需要控制,判断是否是因为子级节点引起的父节点被取消选中 //   // 如果是,则只管取消父节点就行了 //   // 如果不是,则子节点需要被取消选中 // // var silentByChild=false; //   if (silentByChild) { //    $.each(node.nodes, function(index, value) { //     $('#tree').treeview('uncheckNode', value.nodeId, { //      silent : true //     }); //    }); //   } //  } else {/* //  */} //   // }, onNodeSelected: function (event, data) { } }); }, error:function(){ alert("请求失败!"); } }); }