jqGrid怎么批量添加JSON数据?addJSonData怎么用?

jqGrid怎么批量添加JSON数据?addJSonData怎么用?,第1张

1.addJSONData和addRowData有点区别,后者是绑定在jquery对象的,前者是绑定在标签上的。

用addJSONData时举例:$("#table")[0].addJSONData(data)

用FF可以看到$("#table")[0]上绑定的事件的。

2.addJSONData接受的参数:

这是后台的.net代码

new JObject() {

new JProperty("total","1"),

new JProperty("page","1"),

new JProperty("records","3"),

new JProperty("rows",yourArrayData)

}

可以看到addJSONData接受的并不是一个数组,就是一个json对象,开始一直也困扰在这里。

前台返回的JSON:

{"total":"1","page":"1","records":"3","rows":[{"UserID":1,"UserName":"kp","Password":"123","Domain":null,"RoleID":null},{"UserID":2,"UserName":"kptest","Password":"Kp123","Domain":null,"RoleID":null},{"UserID":3,"UserName":"ricky","Password":"123","Domain":"XSUNT-SH\\dong.geng","RoleID":1}]}

3.还有一点需要注意的,jqgrid需要定义一个jsonReader其中的repeatitems如果不指定为false FF会返回obj is undefined

jsonReader: {

repeatitems: false,

rows: "rows",            

total: "total",

page: "page",

records: "records"

}

4.$("#table").addJSONData(data)的调用位置也值得注意,最后只有在loadComplete中才能加载出数据,gridComplete里不可以,方法外也不行。

$("#checkResultList").dataTable({

"bProcessing" : true,

'bServerSide' : true,

'fnServerParams' : function(aoData) {

//获取考核类型

var checkType = $("#checkPrj").val()

var managerName = $.trim($("#managerName").val())

if(managerName == ""){

managerName = null

}

aoData.push({

"name" : "checkType",

"value" : checkType

},

{

"name" : "managerName",

"value" : managerName

}

)

},

"sAjaxSource" : basePath + "checkTask/showCheckResultList.action",// 获取管理员列表

"sServerMethod" : "post",

"sPaginationType" : "full_numbers",

"bPaginate" : true, // 翻页功能

"bStateSave" : false, // 状态保存

"bLengthChange" : false, // 改变每页显示数据数量

"bFilter" : false, // 过滤功能

"bSort" : false, // 排序功能

"bInfo" : true,// 页脚信息

"bAutoWidth" : false,// 自动宽度

"bDestroy" : true,

"iDisplayLength" : 6, // 每页显示多少行

"aoColumns" : [ 

//指定列

<div class="add">

</div>

$(function(){

$(".add").click(function(){

$(this).html("")//清空add里面的数据;

$(this).html("aa")//aa为要添加的数据,可以是字符串,也可以是变量;

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11645985.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存