jquery easyui使用(三)··&a…
2018-06-18 01:49:53来源:未知 阅读 ()
<div id="table_Data"> </div>
$("#table_Data").datagrid({ toolbar: '#myToolbar', url: urlAshx, queryParams: { "action": "carlist" }, method: 'post', width: 'auto', height: '500px', iconCls: 'icon-edit', singleSelect: true, fitColumns: false, pagination: true, pageSize: 15, pageList: [15, 25, 35, 45], pageNumber: 1, rownumbers: true, loadMsg: "正在加载数据...", columns: [[ { filed: 'ID', title: '编号', width: 120, hidden: true }, { filed: 'Name', title: '车辆名称', width: "120", align: 'center' }, { filed: 'Type', title: '型号', width: 120, align: 'center' }, { filed: 'LicenseTag', title: '牌号', width: 120, align: 'center' }, { filed: 'Color', title: '座位数', width: 120, align: 'center' }, { filed: 'Seats', title: '颜色', width: 120, align: 'center' }, { filed: 'Remarks', title: '备注', width: 920, align: 'center' }, { filed: 'Action', title: '操作', width: 550, align: 'center', formatter: function (value, row, index) { alert(row.Name); var Action = "<a href='javascript:void(0);' onclick='Edit(" + row.ID + ")'>修改</a>\ javascript:void(0);' onclick='Delete(" + row.ID + ")'>删除</a>"; return Action; } } ]], onLoadSuccess: function (data) { alert("success"); }, onLoadError: function (XMLHttpRequest, textStatus, errorThrown) { alert("error"); }, onBeforeEdit: function (index, row) { }, onAfterEdit: function (index, row) { }, onCancelEdit: function (index, row) { } });
private string GetCarList(HttpContext context) { string result = ""; DataTable dt = bll_cmCar.GetAllList().Tables[0]; if (dt != null && dt.Rows.Count > 0) { int total = dt.Rows.Count; string json = Common.DataTableConvertJson.DataTableToJson(dt); result = "{\"total\":" + total + ",\"rows\":" + json + "}"; //result = json ; } return result; }
返回的数据格式正确,在IE中报如下错误:
给这两个错误加上判断col!=null,倒是不报错了,但是结果还是显示不出来,求大神指教
替代方案
前端页面:
<table id="table_Data" class="easyui-datagrid" title="" data-options="singleSelect:true,collapsible:true,url:'ashx/Car.ashx',method:'post',queryParams: { 'action': 'carlist' },toolbar: '#myToolbar',height: '500px',width: 'auto',iconCls: 'icon-edit',fitColumns: false,pagination: true,pageSize: 15,pageList: [15, 25, 35, 45],pageNumber: 1,rownumbers: true,loadMsg: '正在加载数据...',"> <thead> <tr> <th data-options="field:'ID',width:80, hidden: true">ID</th> <th data-options="field:'Name',width:100,align:'center'">Name</th> <th data-options="field:'Type',width:80,align:'center'">Type</th> <th data-options="field:'LicenseTag',width:80,align:'center'">LicenseTag</th> <th data-options="field:'Color',width:50,align:'center'">Color</th> <th data-options="field:'Seats',width:60,align:'center'">Seats</th> <th data-options="field:'Remarks',width:250,align:'center'">Remarks</th> </tr> </thead> </table>
找到原因了
$("#table_Data").datagrid({ toolbar: '#myToolbar', url: urlAshx, queryParams: { "action": "carlist" }, method: 'post', width: 'auto', height: '500px', iconCls: 'icon-edit', singleSelect: true, fitColumns: false, pagination: true, pageSize: 15, pageList: [15, 25, 35, 45], pageNumber: 1, rownumbers: true, loadMsg: "正在加载数据...", columns: [[ { field: 'ID', title: '编号', width: 120, hidden: true }, { field: 'Name', title: '车辆名称', width: "120", align: 'center' }, { field: 'Type', title: '型号', width: 120, align: 'center' }, { field: 'LicenseTag', title: '牌号', width: 120, align: 'center' }, { field: 'Color', title: '座位数', width: 120, align: 'center' }, { field: 'Seats', title: '颜色', width: 120, align: 'center' }, { field: 'Remarks', title: '备注', width: 920, align: 'center' }, { field: 'Action', title: '操作', width: 550, align: 'center', formatter: function (value, row, index) { alert(row.Name); var Action = "<a href='javascript:void(0);' onclick='Edit(" + row.ID + ")'>修改</a>\ javascript:void(0);' onclick='Delete(" + row.ID + ")'>删除</a>"; return Action; } } ]], onLoadSuccess: function (data) { alert("success"); }, onLoadError: function (XMLHttpRequest, textStatus, errorThrown) { alert("error"); }, onBeforeEdit: function (index, row) { }, onAfterEdit: function (index, row) { }, onCancelEdit: function (index, row) { } });
原因:columns: [[]]里面的field字段写成了filed,真够粗心的。。。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- C++ 在名称空间中使用using声明和using编译指令 2020-05-29
- 1.ffmpeg、ffplay、ffprobe命令使用 2020-05-11
- 关于使用ffmpeg的一些牢骚 2020-05-08
- G++编译链接的那些事!G++的特殊使用方法[常用] 2020-04-19
- c/c++ 使用valgrind检查内存泄漏 2020-04-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash