easyUI定区关联快递员js代码
easyUI定区关联快递员js代码:
<script type="text/javascript"> $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); return serializeObj; }; function doAdd(){ $('#addWindow').window("open"); } function doEdit(){ alert("修改..."); } function doDelete(){ alert("删除..."); } function doSearch(){ $('#searchWindow').window("open"); } // 关联客户窗口弹出 function doAssociationCustomers(){ // 判定用户是否只选择了一个定区 var rows = $("#grid").datagrid('getSelections'); // 只选择了一行 if(rows.length == 1){ // 将选中定区id,设置到form的隐藏域 $("#customerFixedAreaId").val(rows[0].id); // 显示进度条 $.messager.progress({ interval :500 // 每0.5秒加载10%, 5秒加载完 }); // 发起Ajax请求 $.post("../../fixedArea_findNoAssociationCustomers.action", function(data){ // 查询所有 未关联定区客户列表 $(data).each(function(){ // 清空列表 $("#noassociationSelect").empty(); var option = $("<option value='"+this.id+"'>"+this.username+"("+this.address+")</option>"); $("#noassociationSelect").append(option); }); // 请求结束后,关闭进度条 $.messager.progress('close'); // 弹出关联窗口 $('#customerWindow').window('open'); }); $.post("../../fixedArea_findHasAssociationFixedAreaCustomers.action",{"id":rows[0].id} , function(data){ // 查询所有 关联当前选中定区客户列表 $(data).each(function(){ // 清空列表 $("#associationSelect").empty(); var option = $("<option value='"+this.id+"'>"+this.username+"("+this.address+")</option>"); $("#associationSelect").append(option); }); }); }else{ // 没有选 或者 选了多个定区 $.messager.alert('警告','定区关联客户必须(只能)选择一个定区','warning'); } } //工具栏 var toolbar = [ { id : 'button-search', text : '查询', iconCls : 'icon-search', handler : doSearch }, { id : 'button-add', text : '增加', iconCls : 'icon-add', handler : doAdd }, { id : 'button-edit', text : '修改', iconCls : 'icon-edit', handler : doEdit },{ id : 'button-delete', text : '删除', iconCls : 'icon-cancel', handler : doDelete },{ id : 'button-association-customer', text : '关联客户', iconCls : 'icon-sum', handler : doAssociationCustomers },{ id : 'button-association-courier', text : '关联快递员', iconCls : 'icon-sum', handler : function(){ // 判断是否已经选中了一个定区,弹出关联快递员窗口 var rows = $("#grid").datagrid('getSelections'); if(rows.length==1){ // 只选择了一个定区 // 弹出定区关联快递员 窗口 $("#courierWindow").window('open'); // 保存选中定区id 到表单隐藏域 $("#courierFixedAreaId").val(rows[0].id); }else{ // 没有选中定区,或者选择 了多个定区 $.messager.alert("警告","关联快递员,只能(必须)选择一个定区","warning"); } } }]; // 定义列 var columns = [ [ { field : 'id', title : '编号', width : 80, align : 'center', checkbox:true },{ field : 'fixedAreaNum', title : '定区编号', width : 120, align : 'center', formatter : function(value,row,index){ return row.id ; } },{ field : 'fixedAreaName', title : '定区名称', width : 120, align : 'center' }, { field : 'fixedAreaLeader', title : '负责人', width : 120, align : 'center' }, { field : 'telephone', title : '联系电话', width : 120, align : 'center' }, { field : 'company', title : '所属公司', width : 120, align : 'center' } ] ]; $(function(){ // 先将body隐藏,再显示,不会出现页面刷新效果 $("body").css({visibility:"visible"}); // 定区数据表格 $('#grid').datagrid( { iconCls : 'icon-forward', fit : true, border : true, rownumbers : true, striped : true, pageList: [30,50,100], pagination : true, toolbar : toolbar, url : "../../fixedArea_pageQuery.action", idField : 'id', columns : columns, onDblClickRow : doDblClickRow }); // 添加、修改定区 $('#addWindow').window({ title: '添加修改定区', width: 600, modal: true, shadow: true, closed: true, height: 400, resizable:false }); // 查询定区 $('#searchWindow').window({ title: '查询定区', width: 400, modal: true, shadow: true, closed: true, height: 400, resizable:false }); // 点击查询按钮,将form数据转换为json 绑定datagrid $("#btn").click(function(){ // 转换form对象 到 json var params = $("#searchForm").serializeJson(); // 绑定datagrid $("#grid").datagrid('load',params); // 关闭查询窗口 $("#searchWindow").window('close'); }); // 点击 添加定区的保存按钮,实现添加定区 $("#save").click(function(){ // 先校验表单 if($("#fixedAreaForm").form('validate')){ $("#fixedAreaForm").submit(); }else{ // 提示用户 $.messager.alert("警告","表单存在非法数据项!","warning"); } }); // 向右移动按钮 $("#toRight").click(function(){ $("#associationSelect").append($("#noassociationSelect option:selected")); }); // 向左移动按钮 $("#toLeft").click(function(){ $("#noassociationSelect").append($("#associationSelect option:selected")); }); // 为关联客户按钮,添加click事件 $("#associationBtn").click(function(){ // 选中所有 已关联定区客户select中选项 $("#associationSelect option").attr("selected","selected"); // 提交表单 $("#customerForm").submit(); }); // 为关联快递员按钮,添加click事件 $("#associationCourierBtn").click(function(){ // 判断表单是否通过校验 if($("#courierForm").form('validate')){ $("#courierForm").submit(); }else{ $.messager.alert("警告","表单中存在非法数据","warning"); } }); }); function doDblClickRow(){ alert("双击表格数据..."); $('#association_subarea').datagrid( { fit : true, border : true, rownumbers : true, striped : true, url : "../../data/sub_area.json", columns : [ [{ field : 'id', title : '分拣编号', width : 120, align : 'center' },{ field : 'province', title : '省', width : 120, align : 'center', formatter : function(data,row ,index){ if(row.area!=null){ return row.area.province; } return ""; } }, { field : 'city', title : '市', width : 120, align : 'center', formatter : function(data,row ,index){ if(row.area!=null){ return row.area.city; } return ""; } }, { field : 'district', title : '区', width : 120, align : 'center', formatter : function(data,row ,index){ if(row.area!=null){ return row.area.district; } return ""; } }, { field : 'addresskey', title : '关键字', width : 120, align : 'center' }, { field : 'startnum', title : '起始号', width : 100, align : 'center' }, { field : 'endnum', title : '终止号', width : 100, align : 'center' } , { field : 'single', title : '单双号', width : 100, align : 'center' } , { field : 'assistKeyWords', title : '辅助关键字', width : 100, align : 'center' } ] ] }); $('#association_customer').datagrid( { fit : true, border : true, rownumbers : true, striped : true, url : "../../data/association_customer.json", columns : [[{ field : 'id', title : '客户编号', width : 120, align : 'center' },{ field : 'name', title : '客户名称', width : 120, align : 'center' }, { field : 'company', title : '所属单位', width : 120, align : 'center' }]] }); $('#association_courier').datagrid({ fit : true, border : true, rownumbers : true, striped : true, url : "../../data/courier.json", columns : [[{ field : 'id', title : '编号', width : 120, align : 'center' },{ field : 'courierNum', title : '快递员工号', width : 120, align : 'center' },{ field : 'name', title : '快递员姓名', width : 120, align : 'center' }, { field : 'standard.name', title : '收派标准', width : 120, align : 'center', formatter : function(value,row,index){ if(row.standard != null){ return row.standard.name; } return null ; } }, { field : 'taketime.name', title : '收派时间', width : 120, align : 'center', formatter : function(value,row,index){ if(row.taketime != null){ return row.taketime.name; } return null ; } }, { field : 'company', title : '所属单位', width : 120, align : 'center' }]] }); } </script>