easyui datagrid動態添加列

標籤：http   io   ar   os   sp   資料   div   on   cti   

1、指令碼

<script type="text/ecmascript">
var grid;

$(function () {
grid = $(‘#gridT‘).datagrid({
fit: true,//自動大小
rownumbers: true,//行號
//loadMsg:‘資料裝載中......‘,
singleSelect: true,//單行選取
pagination: false,//顯示分頁
columns: [],
toolbar: [{
text: ‘顯示1‘,
iconCls: ‘icon-add‘,
handler: newTab
}]
});
});
function newTab() {
$.post(‘test/test2.ashx‘, { id: 1 },
function (data) {
alert(data);
grid.datagrid({
columns: [data.columns]
}).datagrid("loadData", data);
}, ‘json‘);
}

</script>

<body>

<div id="gridT"></div>

</body>

2、json串格式：{\"total\":1,\"rows\":[{\"num\":\"10010\"}],\"columns\":[{\"field\":\"num\",\"title\":\"編號\",\"align\":\"center\",\"width\":\"100\"}]}

test.ashx 代碼如下所示：

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.ContentEncoding = Encoding.UTF8;
string strJson = "{\"total\":1,\"rows\":[{\"num\":\"10010\"}],\"columns\":[{\"field\":\"num\",\"title\":\"編號\",\"align\":\"center\",\"width\":\"100\"}]}";
context.Response.Write(strJson);
context.Response.Flush();
context.Response.End();
}

easyui datagrid動態添加列