/**
*
*/
$(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("请求失败!");
}
});
}