php能调用easyui窗口,在jQuery中如何使用EasyUI window窗口

本文通过实例代码给大家介绍了jQuery EasyUI window窗口使用功能，代码简单易懂，非常不错，具有参考借鉴价值,需要的朋友可以参考下

需求：点击【增加】按钮，弹出窗口，并对所有输入项内容进行校验，校验通过就提交给后台的action处理，没有通过校验就弹窗提示。

管理取派员

function doAdd(){

$('#addWindow').window("open");

}

function doEdit(){

alert("修改...");

}

function doDelete(){

alert("删除...");

}

function doRestore(){

alert("将取派员还原...");

}

//工具栏

var toolbar = [ {

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-restore',

text : '还原',

iconCls : 'icon-save',

handler : doRestore

}];

// 定义列

var columns = [ [ {

field : 'id',

checkbox : true,

},{

field : 'courierNum',

title : '工号',

width : 80,

align : 'center'

},{

field : 'name',

title : '姓名',

width : 80,

align : 'center'

}, {

field : 'telephone',

title : '手机号',

width : 120,

align : 'center'

}, {

field : 'checkPwd',

title : '查台密码',

width : 120,

align : 'center'

}, {

field : 'pda',

title : 'PDA号',

width : 120,

align : 'center'

}, {

field : 'standard.name',

title : '取派标准',

width : 120,

align : 'center',

formatter : function(data,row, index){

if(row.standard != null){

return row.standard.name;

}

return "";

}

}, {

field : 'type',

title : '取派员类型',

width : 120,

align : 'center'

}, {

field : 'company',

title : '所属单位',

width : 200,

align : 'center'

}, {

field : 'deltag',

title : '是否作废',

width : 80,

align : 'center',

formatter : function(data,row, index){

if(data=="0"){

return "正常使用"

}else{

return "已作废";

}

}

}, {

field : 'vehicleType',

title : '车型',

width : 100,

align : 'center'

}, {

field : 'vehicleNum',

title : '车牌号',

width : 120,

align : 'center'

} ] ];

$(function(){

// 先将body隐藏，再显示，不会出现页面刷新效果

$("body").css({visibility:"visible"});

// 取派员信息表格

$('#grid').datagrid( {

iconCls : 'icon-forward',

fit : true,

border : false,

rownumbers : true,

striped : true,

pageList: [30,50,100],

pagination : true,

toolbar : toolbar,

url : "../../data/courier.json",

idField : 'id',

columns : columns,

onDblClickRow : doDblClickRow

});

// 添加取派员窗口

$('#addWindow').window({

title: '添加取派员',

width: 800,

modal: true,

shadow: true,

closed: true,

height: 400,

resizable:false

});

//对收派标准save按钮，添加点击事件

$("#save").click(function(){

//判断是否form中的所有表单对象都通过校验

if($("#standardForm").form('validate')){

//都通过校验

$("#standardForm").submit();

}else{

$.messager.alert("警告","表单存在非法内容，请重新填写","warning");

}

//关闭窗口

$("#addWindow").window('sclose');

});

});

function doDblClickRow(){

alert("双击表格数据...");

}

保存

收派员信息
快递员工号		姓名
手机		所属单位
查台密码		PDA号码
快递员类型		取派标准	class="easyui-combobox" data-options="required:true,valueField:'id',textField:'name', url:'../../standard_findAll.action'"/>
车型		车牌号

查询条件
工号
收派标准
所属单位
类型
查询

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：