jquery easyUI 的datagrid在html里能正常加载数据,但同样的代码,在asp.net里不能正常加载,这是怎么回事

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery easyUI 的datagrid在html里能正常加载数据,但同样的代码,在asp.net里不能正常加载,这是怎么回事相关的知识,希望对你有一定的参考价值。

代码如下:
<head runat="server">
<title></title>
<link href="Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="Scripts/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="Scripts/themes/default/datagrid.css" type="text/css" />
<script type="text/javascript" src="Scripts/jquery-1.6.3rc1.js"></script>
<script src="Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function ()
$('#test').datagrid(
title: 'jQuery EasyUI---DataGrid',
iconCls: 'icon-save',
width: 500,
height: 350,
nowrap: false,
striped: true,
url: 'datagrid_data.json',
sortName: 'ID',
sortOrder: 'desc',
idField: 'ID',
frozenColumns: [[
field: 'ck', checkbox: true ,
title: 'ID', field: 'ID', width: 80, sortable: true
]],
columns: [[
title: '基本信息', colspan: 2 ,
field: 'opt', title: '操作', width: 100, align: 'center', rowspan: 2,
formatter: function (value, rec)
return '<span style="color:red">编辑 删除</span>';


], [
field: 'name', title: 'Name', width: 120 ,
field: 'addr', title: 'Address', width: 120, rowspan: 2, sortable: true
]],
pagination: true,
rownumbers: true,
singleSelect: false,
toolbar: [
text: '添加',
iconCls: 'icon-add',
handler: function ()
alert('添加数据')

, '-',
text: '保存',
iconCls: 'icon-save',
handler: function ()
alert('保存数据')

]
);
);
</script>
</head>
<body>
<form id="form1" runat="server">
<table id="test"></table>
</form>
</body>

先看下 datagrid_data.json 这裏面的数据格式对不对 这个路径对不对 ?
sortName: 'ID', 这个给为 textField :'name'
也可以去掉 sortName 和 idField
参考技术A 大苏打

以上是关于jquery easyUI 的datagrid在html里能正常加载数据,但同样的代码,在asp.net里不能正常加载,这是怎么回事的主要内容,如果未能解决你的问题,请参考以下文章

jQuery EasyUI教程之datagrid应用

datagrid——jQuery EasyUI

jQuery EasyUI datagrid 删除多行

jQuery EasyUI DataGrid在MVC中的运用-基本属性并实现分页

jQuery EasyUI教程之datagrid应用

jQuery EasyUI教程之datagrid应用