//渲染easyui
function easyui() {
//验证数据
$.extend($.fn.validatebox.defaults.rules, {
cotype : {
validator : function(value, param) {
var regx = /^[a-zA-Z]+$/;
return value.match(regx);
},
message : "必须全部是字母"
},
});
//定义变量
var editing=null;
$("#tt").datagrid({
url : basePath +'icode/selectCodeList.htm',
title : "充值列表",
idField : "codeid",
pageSize : 5,
pageList : [ 5, 10, 15, 20, 30 ],
pagination : true,
border : false,
loadMsg : '',
//单选设置
fit : true,
singleSelect : true,
fitColumns : true,
width : 'auto',
toolbar : [ {
iconCls : "icon-edit",
text : "修改",
handler : function() {
//获取选中的行
var rows=$("#tt").datagrid("getSelections");
//判断是否只选中一个
if(rows.length!=1){
$.messager.show({
width:200,
height:100,
title:"提示信息",
msg:"只能选择一条记录"
});
}else{
//获取选中行的数据
editing=$("#tt").datagrid("getRowIndex",rows[0]);
//开启编辑状态
$("#tt").datagrid("beginEdit",editing);
}
}
}, {
iconCls : "icon-save",
text : "保存",
handler : function() {
//验证数据的是否正确
if($("#tt").datagrid("validateRow",editing)) {
//结束编辑
$("#tt").datagrid("endEdit",editing);
//获取编辑后的数据
var row=$("#tt").datagrid("getSelections");
$.ajax({
type:"POST",
url: basePath +'icode/modifyCodeInfo.htm',
data:{
codeid : row[0].codeid,
codetype : row[0].codetype,
codename : row[0].codename,
codescription : row[0].codescription,
codevalue : row[0].codevalue
},
cache:false,
success:function(data){
if(null!=data){
var data1=eval("("+data+")");
if(data1.result=="success"){
//取消所有选中框
$("#tt").datagrid("unselectAll");
}
}
}
});
}else{
$.messager.show({
width:350,
height:200,
title:"提示信息",
msg:"验证未通过"
});
}
}
},{
iconCls:"icon-cancel",
text:"取消",
handler:function(){
$("#tt").datagrid("rejectChanges");
$("#tt").datagrid("unselectAll");
flag=undefined;
editing=undefined;
}
}],
columns : [ [ {
field : "ck",
width : 50,
checkbox : true
}, {
field : "codetype",
align : 'center',
title : "类型",
width : 10,
editor : {
type : "validatebox",
options : {
required : true,
missingMessage : "类型必填",
validType : "cotype"
}
}
}, {
field : "codename",
align : 'center',
title : "名称",
width : 12,
editor : {
type : "validatebox",
options : {
required : true,
missingMessage : "名称必填"
}
}
}, {
field : "codevalue",
align : 'center',
width : 10,
title : "值",
editor : {
type : "validatebox",
options : {
required : true,
missingMessage : "值必填"
}
}
}, {
field : "codescription",
align : 'center',
title : "描述",
width : 30,
editor : {
type : "validatebox",
options : {
required : true,
missingMessage : "描述必填"
}
}
} ] ],
//携带额外的参数
queryParams : {
codeType : null,
codeName : null,
codeValue : null
}
});
easyui的修改
最新推荐文章于 2022-05-10 10:30:39 发布