初学ligerUI Grid，想使用ASP.NET通过SQL绑定Grid数据的方法，最好能附上例子，多谢

-----------前台代码-------------

<script type="text/javascript">

var manager, g;

function f_initGrid() {

g = manager = $("#toolgrid")ligerGrid({

columns: [

{ display: '名称', name: 'name', width: 300, isSort: false, editor: { type: 'text'} },

{ display: '日期', name: 'createdate', width: 100, type: 'text', isSort: false, editor: { type:

'text'} }

],

isScroll: false, usePager: true, checkbox: false,

width: '600',

pageSize: 10,

rownumbers: true

});

}

function f_reload() {

var data = {};

$ajax({

type: 'post',

url: 'ajaxaspxno-cache=' + Mathrandom(),

data: 'Option=getlist',

success: function (msg) {

data = eval('(' + msg + ')');

gset({ data: data });

gloadData();

}

});

}

$(function () {

f_initGrid();

f_reload();

});

</script>

<div id="toolgrid" style="margin: 0px 10px 5px;"></div>

-----------后台代码ajaxaspxcs-------------

private string strmsg = "";

protected void Page_Load(object sender, EventArgs e)

{

ResponseCacheControl = "no-cache";

try

{

if (Request["Option"] != null)

{

switch (Request["Option"]ToString())

{

case "getlist": strmsg = GetList(); break;

}

}

}

catch

{

strmsg = "";

}

ResponseClear();

ResponseWrite(strmsg);

ResponseEnd();

}

protected string GetList()

{

string str = "";

List<Test> list = new List<Test>();

string str2 = "[]";

try

{

DataTable dt = GetTable();//获取数据

for (int i = 0; i < dtRowsCount; i++)

{

Test model = new Test();

modelid = ConvertToInt32(dtRows[i]["id"]);

modelname = ConvertToString(dtRows[i]["name"]);

modelcreatedate = ConvertToDateTime(dtRows[i]["createdate"])ToString("yyyy-MM-dd");

listAdd(model);

}

if (listCount > 0)

{

str2 = CommonJsonHelperSerialize(list);

}

}

catch

{ }

str = "{ Rows: " + str2 + ", Total: " + listCount + " }";

return str;

}

function searchbtn_click() {

    if (windowwinfilter) {

        windowwinfiltershow();

    }

    else {

        var filtercontainer = $("<div id=\"filtercontainer\"></div>")width(500)height(200)hide();

        windowfilter = filtercontainerligerFilter({ fields: fields });

        windowwinfilter = $ligerDialogopen({

            width: 540, height: 288,

            target: filtercontainer, isResize: true, top: 50,

            buttons: [

                {

                    text: "确定", onclick: function (item, dialog) {

                        var group = windowfiltergetData();

                        searchjson = JSONstringify(group);

                        gridRefresh();

                        dialoghide();

                    }

                },

                { text: "取消", onclick: function (item, dialog) { dialoghide(); } }

            ]

        });

    }

};

function gridRefresh() {

    if (grid) {

        var gridparms = [];

        gridoptionsparms[1]value = searchjson;

        gridparmspush({ name: "funcid", value: "getprimary" });

        gridparmspush({ name: "searchjson", value: searchjson });

        gridparmspush({ name: "page", value: 1 });

        gridparmspush({ name: "pagesize", value: gridoptionspageSize });

        gridloadServerData(gridparms);

    }

}

引入Ligerui的

<script src="//LigerUI/ligerGridshowFilterjs" type="text/javascript"></script>

<script src="//LigerUI/json2js" type="text/javascript"></script>

两个文件。

$(function () {

window['g'] =

$("#maingrid4")ligerGrid({

columns: [

{ display: '编号', name: 'id', align: 'left', width: 60, frozen: true },

{ display: '时间', name: 'date', type: 'date', format: 'yyyy-MM-dd hh:mm:ss', width: 110 },

{ display: 'thread', name: 'thread', width: 70, align: 'left' },

{ display: '级别', name: 'level', width: 60, align: 'left' },

{ display: '用户ID', name: 'UserID', width: 60, align: 'left' },

{ display: 'logger', name: 'logger', width: 80, align: 'left' },

{ display: '提示信息', name: 'Message', minWidth: 200, width: 400 },

{ display: '错误信息', name: 'Exception', width: 200 }

],

dataAction: 'server',

url:'/dblj/GetList4', pageSize: 30,

toolbar: { items: [{ text: '高级自定义查询', click: itemclick, icon: 'search2'}]

},

width: '90%', height: '80%', checkbox: false

});

$("#pageloading")hide();

});

function itemclick() {

goptionsdata = $extend(true, {}, ggetData());

gshowFilter();

}

在网上找到文件说需要修改showFilterjs文件下面这个位置

function loadData() {

var data = filtergetData();

if (gdataAction == "server") {

//服务器过滤数据

loadServerData(data);

}

else {

//本地过滤数据

loadClientData(data);

}

}

改为：“g“改”p“

function loadData() {

var data = filtergetData();

if (pdataAction == "server") {

//服务器过滤数据

loadServerData(data);

}

else {

//本地过滤数据

loadClientData(data);

}

}

后台通过string where = RequestParams["parms"];获取。

最后是对where反序列化组合成sql可以使用的条件就可以了。

例如当前这种情况：全部由1000条数据，默认grid分页显示20条。   而你当前想实现获取1000条记录   。

说明：sm不能选择全部的原因时分页后其实后台只返回了当前分页的记录数，当然不能获取到全部。     

根据您当前的情况可以选择两种方法解决：

直接grid不进行分页或将单页数量调整到1000或更大，但是这样的话记录太多速度将会变慢，所以如果采用这种方法，建议表格变为缓冲表格BufferViewjs，将改善部分性能。

前端分页数量不修改，想获取全部记录时，直接使用ajax去后台获取全部记录。   

以上就是关于初学ligerUI Grid，想使用ASP.NET通过SQL绑定Grid数据的方法，最好能附上例子，多谢全部的内容，包括:初学ligerUI Grid，想使用ASP.NET通过SQL绑定Grid数据的方法，最好能附上例子，多谢、ligerui加载数据(服务器)、我在使用Ligerui的Grid控件查询处理时不知道要怎么做了等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！