easyui的crud（datagrid、dialog、form）
基本操作（如果需要詳細瞭解請去jQuery EasyUI API 裡瞭解）
1、datagrid（資料表格）
資料表格是基於table標籤的
$(’#dg’).datagrid({
url:‘datagrid_data.json’,
columns:[[
{field:‘code’,title:‘程式碼’,width:100},
{field:‘name’,title:‘名稱’,width:100},
{field:‘price’,title:‘價格’,width:100,align:‘right’}
]]
});
資料 ‘datagrid_data.json’ 可以是指定的 json檔案，也可以是從後臺傳輸過來的 json 物件。
（注：這個 json 的資料格式是有要求的，
{ “total”: count , “rows”:[
{"field1": value1 ,"field2": value2 ,"field3": value3 }，
{"field1": value1 ,"field2": value2 ,"field3": value3 }，
{"field1": value1 ,"field2": value2 ,"field3": value3 }
]}
）
2、Dialog（對話方塊視窗）
Dialog Content. 使用Javascript建立對話方塊視窗也是允許的。我們建立一個模式視窗並呼叫'refresh'方法通過ajax讀取內容。$(’#dd’).dialog({
title: ‘My Dialog’,
closed: false,
cache: false,
href: ‘get_content.php’,
modal: true
});
$(’#dd’).dialog(‘refresh’, ‘new_content.php’);
3、Form（表單）
... 使普通表單成為ajax提交方式的表單。$(’#ff’).form({
url:…,
onSubmit: function(){
// do some check
// return false to prevent submit;
},
success:function(data){
alert(data)
}
});
// submit the form
$(’#ff’).submit();
做一個提交操作。
$(’#ff’).form(‘submit’, {
url:…,
onSubmit: function(){
// do some check
// return false to prevent submit;
},
success:function(data){
alert(data)
}
});