首页 > 其他 > 详细

easyui datagrid动态添加列

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

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://www.cnblogs.com/danggezlj/p/4079096.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!