如何动态绑定JQGrid

时间:2012-03-13 06:36:46

标签: asp.net sharepoint jqgrid

我是JQGrid和JQUery的新手,请给我解决方案吗?

我正在使用JQGrid开发Sharepoint application2010,我想在JQGrid中显示列表数据。为此,我有数据集,使用我需要绑定JQGrid的数据集,该数据集具有不同的列。

当我们使用Noraml asp.net Gridview时,我们可以像下面一样直接给出数据源,无需提及列,就像我需要开发JQGrid一样。

<asp:Gridview runat="server" id="GvSample"/>

in .cs

GVSample.datasource=ds;
gvSample.databind();

请帮忙!

2 个答案:

答案 0 :(得分:0)

Firs获取有关列的详细信息,然后绑定。

把它放在document.ready

$.ajax(
    {
       type: "POST",
       url: "SomeUrl/GetColumnsAndData",
       data: "",
       dataType: "json",
       success: function(result)
       {
            colD = result.colData;
            colN = result.colNames;
            colM = result.colModel;

            jQuery("#list").jqGrid({
                jsonReader : {
                    cell: "",
                    id: "0"
                },
                url: 'SomeUrl/Getdata',
                datatype: 'jsonstring',
                mtype: 'POST',
                datastr : colD,
                colNames:colN,
                colModel :colM,
                pager: jQuery('#pager'),
                rowNum: 5,
                rowList: [5, 10, 20, 50],
                viewrecords: true
            })
       },
       error: function(x, e)
       {
            alert(x.readyState + " "+ x.status +" "+ e.msg);   
       }
    });
setTimeout(function() {$("#list").jqGrid('setGridParam',{datatype:'json'}); },50);

答案 1 :(得分:0)

你可以在这里看到asp.net中的JQGrid示例。它显示了如何将数据源和列绑定到JQGrid。

http://www.trirand.net/demoaspnet.aspx