码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid动态添加列

时间:2014-11-06 17:03:39      阅读:144      评论:0      收藏:0      [点我收藏+]

标签: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动态添加列

标签:http   io   ar   os   sp   数据   div   on   cti   

原文地址:http://www.cnblogs.com/danggezlj/p/4079096.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!