easyui 笔记

1.数据表格
$("#addtable").datagrid({
title:"输入",
rownumbers:true,
height:200,
singleSelect:false,
loadMsg:"please wait...",
url : './test/testJson_formData.do',
//queryParams:{"":"","":""},   //请求的时候可以顺过去的参数
'onLoadSuccess':function(data){
alert('onLoadSuccess');
},
'onLoadError':function(){
alert('error');
},
'onHeaderContextMenu':function(e, field){
alert('onHeaderContextMenu');
alert('field = ' + field);
},
columns : [[ {field : 'createTime',title : "CreateTime",width : 100 },
              {field : 'id',title : "Id",width : 100},
              {field : 'modifyTime',title : "ModifyTime",width : 100},
              {field : 'name',title : "Name",width : 100},
              {field : 'remark',title : "Remark",width : 100,align : 'left'}
          ]]
});
其接口获取的json数据必须满足下面的格式才行：
{"rows":[
{"code":"1","name":"ysj1","price":"1000"},
{"code":"5","name":"ysj5","price":"5000"},
{"code":"6","name":"ysj6","price":"6000"}]}

获取表格被选中的行数里面的某个属性的值：
var row = $("#table1").datagrid("getSelections"); //获取当前所有行就是getRows
for 循环完 row[i].code 就能去到改行的某一列属性值。

分页控件：
pagination:true,
var ss = $("#table1").datagrid("getPager");
$(ss).pagination({
pageSize:10,
pageList:[5,10,15],
beforePageText:'第',
afterPageText:'页     共{pages}页',
displayMsg:"当前显示 {from} - {to} 条记录   共 {total} 条记录"
});

2.ajax提交数据到action.
$.ajax({
url: "./test/testJson_formData.do",
type: "post",
data: "param1=value1&param2=value2",
datatype:"json",
success: function(data){
alert(data);
}
});

3.jquery获取json文件。

var ct ,id,mt,name,remark;
$.getJSON("http://localhost:8080/uumc/test/testJson_formData.do",
function(data) {
ct = data['roles'][0]['createTime'];
id = data['roles'][0]['id'];
mt = data['roles'][0]['modifyTime'];
name = data['roles'][0]['name'];
remark = data['roles'][0]['remark'];
});

4.表单提交
$('#frm').form({ url:'./test/testJson_formData.do', onSubmit:function(){ return $(this).form('validate'); }, success:function(data){ alert(data); }});
可以通过 $('#frm').submit(); 提交。
也可以通过按钮button type=submit 提交。

5.创建panel
<div id="panel1" class="easyui-panel" title="操作"               style="width:300px;height:150px;padding:10px;"  iconCls="icon-save"  closable="true"  collapsible="true" minimizable="true" maximizable=true>

$("#panel1").panel({
onMaximize:function(){
alert('a');
},
tools:[{
iconCls:'icon-add',
handler:function(){alert('new')}
},{
iconCls:'icon-save', 
handler:function(){alert('save')}
}]
});
获取panel对象 $("#panel1").panel   获取里面的属性$("#panel1").panel（‘options’).title;

6.创建一个链接按钮
delete
$('#btn').linkbutton({
plain:true  //True 就显示一个简单的效果。
}); 
它可以绑定事件：$("#btn").bind('click',function(){});
获取它的对象也是：$("#btn").linkbutton("options").id;
$('#btn').linkbutton('disable');    // 禁用此 button  
$('#btn').linkbutton('enable');     // 启用此 button

7.弹出对话框的两种效果
   $.messager.alert('警告','没有选择行！','warning'); //此外有error info
   $.messager.show({title:'信息',msg:'已删除'});

8.把层或者一个页面作为对话框显示
   #userEdit 为这个层的id.
   $("#userEdit").dialog({
title : "修改用户信息",
width : '300px',
height : '400px',
buttons : [ {
text : 'ok',
iconCls : 'icon-ok',
handler : function() {
alert("code:"+$("#codeval").val()+"\n"+"name:"+$("#nameval").val()+"\n"+"price:"+$("#priceval").val());
}
}, {
text : 'cancel',
handler : function() {
$('#userEdit').dialog('close');
}
} ]
});