jqGrid绑定Json数据

比眉伴天荒 2022-08-30 04:13 216阅读 0赞

json： var jsonData = new  
\{  
total = totalPages,  
page = page,  
records = totalRecords,  
rows = new  
\{  
  
city = "bj",  
district = "bj",  
telphone = "010-8888888",  
createTime = "2011-1-1",  
address = "everywhere in beijing",  
name = "KFC"  
\}  
\};

Controller：public JsonResult GetJsonData(string sidx, string sord, int page, int rows)  
\{  
string json = Request\["sp"\] == null ? "" : Request\["sp"\].ToString();  
JqGridModel jqGridModel = new JqGridModel();  
  
Object obj = jqGridModel.GridData(sidx, sord, page, rows);  
  
  
return Json(obj, JsonRequestBehavior.AllowGet);  
  
\}

js：jQuery().ready(  
function () \{  
jQuery("\#list1").jqGrid(  
\{  
url: '/Home/GetJsonData',  
datatype: "json",  
mtype:"GET",  
colNames: \['姓名', '地区', '城市', '地址', '电话', '创建时间'\],  
colModel: \[  
\{ name: 'name', index: 'name', width: 75 \},  
\{ name: 'district', index: 'district', width: 90 \},  
\{ name: 'city', index: 'city', width: 100 \},  
\{ name: 'rows.address', index: 'address', width: 160 \},  
\{ name: 'telphone', index: 'telphone', width: 80 \},  
\{ name: 'createTime', index: 'createTime', width: 150, sortable: true \}  
\],  
rowNum: 10,  
autowidth: true,  
height: 'auto',  
pager: jQuery('\#pager1'),  
sortname: 'name',  
viewrecords: true,  
sortorder: "desc",  
caption: "商户列表",  
jsonReader: \{  
total: "total",  
page: "page",  
records: "records",  
//root: function (obj) \{  
  
// var jsondata = eval('(' + obj + ')');  
  
// return jsondata.rows;  
//\},  
root:"rows",  
repeatitems: false,  
\},  
multiselect: true  
\});  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular中数据文本绑定、绑定Html、绑定属性、双向数据绑定的实现方式

场景 Angular介绍、安装Angular Cli、创建Angular项目入门教程： [https://blog.csdn.net/BADAO\_LIUMANG\_Q

系统管理员/ 2023年10月07日 13:31/ 0 赞/ 56 阅读

相关 jqGrid 实现排序（绑定动态数据和本地数据）

1 实现排序（绑定动态数据） function initGrid(gridId){ jQuery(""+gridId).jqGrid({

逃离我推掉我的手/ 2023年01月03日 06:14/ 0 赞/ 321 阅读

相关 jqGrid 实现分组两种情况（绑定动态数据、绑定本地数据）

1 实现分组（绑定动态数据） function initGrid(gridId,colModel){ jQuery(""+gridId).jqGr

「爱情、让人受尽委屈。」/ 2023年01月02日 05:21/ 0 赞/ 250 阅读

相关 jqGrid绑定Json数据

json： var jsonData = new \{ total = totalPages, page = page, records = totalReco

比眉伴天荒/ 2022年08月30日 04:13/ 0 赞/ 217 阅读

相关 JSON的方法及数据绑定

<table> <tbody> <tr> <td><b>前后端交互模型</b></td> </tr> </tbody> </table> ![这

Love The Way You Lie/ 2022年06月08日 13:44/ 1 赞/ 458 阅读

相关 EasyUI的DataGrid绑定Json数据源

EasyUI给表格绑定数据是最常用的方法，小编分享一下总结出来的两种绑定表格方法，知识在于积累。第一种：数据存放在数据集中，每一行对应多个值，利用循环把数据绑定到表格前

左手的ㄟ右手/ 2022年06月04日 06:40/ 0 赞/ 388 阅读

相关 EasyUI的DataGrid绑定Json数据源

EasyUI给表格绑定数据是最常用的方法，小编分享一下总结出来的两种绑定表格方法，知识在于积累。第一种：数据存放在数据集中，每一行对应多个值，利用循环把数据绑定到表格

落日映苍穹つ/ 2022年06月03日 08:15/ 0 赞/ 244 阅读

相关 WPF---数据绑定之PasswordBox绑定

一、概述众所周知，绑定的源既可以是依赖属性也可以是普通的CLR属性，而绑定的目标只能是依赖属性。控件PasswordBox的Password属性不是依赖属性，不

超、凢脫俗/ 2021年11月17日 12:54/ 0 赞/ 676 阅读

相关 UWP数据绑定

第一种方式在MainPage.xaml.cs里： using System.Collections.Generic; using Windows.

蔚落/ 2021年10月24日 00:18/ 0 赞/ 449 阅读

相关数据绑定

什么是数据绑定呢？把WXML 中的⼀些动态数据分离出来放到对应的js⽂件的 Page 的 data⾥ <view>{ {username}}，您已登录

布满荆棘的人生/ 2021年07月24日 20:11/ 0 赞/ 562 阅读