asp.net 中使用EasyUI Datagrid 加载动态数据分页查询

刚用了datagrid插件，记录备忘。

datagrid官网文档地址：http://www.jeasyui.net/plugins/183.html

效果截图：



功能实现的核心代码如下：

前台代码：

前台搜索按钮：

<li><span class="xs-search"><i class="iconfont icon-sousuo"></i><span><input type="text" placeholder="搜索内容" id="SearchText"/></span>

<input type="button" value="搜索" onclick="Search()"/>

</span> <a href="#">高级</a>

</li>

datagrid绑定到 class=“index-grid”的div:

<div class="index-right">

<div class="index-grid" style="height:100%"></div>

</div>

datagrid的实现，查询，分页功能的实现：

<script>

function Search() {

var _SearchText = $("#SearchText").val();

//用了 queryParams传递参数，这儿将替换queryParams的参数

$(".index-grid").datagrid('load', {

Action: 'Search',

SearchText: _SearchText

});

}

$(function () {

$(".index-grid").datagrid({

collapsible: true,

pagination: true,//分页

pageList: [10, 20, 50, 100],

method: 'get',//请求方式

url: 'index.aspx',//数据请求地址

queryParams: { Action: 'List', SearchText: '' },//传递的参数

singleSelect: true,

columns: [

[{

field: 'PartsCode',//每个对应后台json的键

title: "配件编码",

align: 'center',

width: 90

}, {

field: 'PartsName',

title: "配件名称",

align: 'center',

width: 90

}, {

field: 'brand',

title: "品牌",

align: 'center',

width: 90

}, {

field: 'UsedType',

title: "适用车型",

align: 'center',

width: 90

}, {

field: 'OutQuantity',

title: "出库数量",

align: 'center',

width: 90

}, {

field: 'Unit',

title: "单位",

align: 'center',

width: 90

}, {

field: 'StockPrice',

title: "默认销售价",

align: 'center',

width: 90

}, {

field: 'StockTaxPrice',

title: "含税成本价",

align: 'center',

width: 90

}, {

field: 'StockTaxCost',

title: "含税成本金额",

align: 'center',

width: 90

}, {

field: 'RepositoryNamefrom',

title: "仓库",

align: 'center',

width: 90

}, {

field: 'RepositoryNamefrom2',

title: "仓位",

align: 'center',

width: 90

}, {

field: 'AddTime',

title: "日期",

align: 'center',

width: 120

}]

]

});

});

</script>

后台核心代码：

public partial class list

{

public string ClassId = DTRequest.GetQueryString("ClassId");

public int _RecordCount = 0;

public int _PageCount = 0;

public int pageSize = 10;

public Hashtable datajson = new Hashtable();

BLL.PartOut R = new BLL.PartOut();

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

try

{

int page = int.Parse(Request.QueryString["page"] ?? "1");

string _Action = Request.QueryString["Action"] ?? "";

string _SearchText = Request.QueryString["SearchText"] ?? "";

pageSize = int.Parse(Request.QueryString["rows"] ?? "10");

if (_Action == "Search")

{

StartLoad(1, "PartsName like '%" + _SearchText + "%'");

Response.Write(Regex.Unescape(LitJson.JsonMapper.ToJson(datajson)));

Response.End();

}

else if (_Action == "List")

{

StartLoad(page, "1=1");

Response.Write(LitJson.JsonMapper.ToJson(datajson));

Response.End();

}

else

{

StartLoad(page, "1=1");

}

if (page > 1)

{

Response.Write(LitJson.JsonMapper.ToJson(datajson));

Response.End();

}

}

catch

{

JscriptMsg("频道参数不正确！", "back", "Error");

}

}

}

private void StartLoad(int _pageindex, string where)

{

DataTable dts = R.GetPage(where, "StockId", "order by StockId asc", _pageindex, pageSize, out _RecordCount, out _PageCount, null);

List<Hashtable> List = new List<Hashtable>();

datajson.Add("total", _RecordCount);

if (dts != null && dts.Rows.Count != 0)

{

for (int i = 0; i < dts.Rows.Count; i++)

{

Hashtable ht = new Hashtable();

ht.Add("PartsCode", dts.Rows[i]["PartsCode"].ToString());

ht.Add("PartsName", dts.Rows[i]["PartsName"].ToString());

ht.Add("brand", dts.Rows[i]["brand"].ToString());

ht.Add("UsedType", dts.Rows[i]["UsedType"].ToString());

ht.Add("OutQuantity", dts.Rows[i]["OutQuantity"].ToString());

ht.Add("Unit", dts.Rows[i]["Unit"].ToString());

ht.Add("StockPrice", dts.Rows[i]["StockPrice"].ToString());

ht.Add("StockTaxPrice", dts.Rows[i]["StockTaxPrice"].ToString());

ht.Add("StockTaxCost", dts.Rows[i]["StockTaxCost"].ToString());

ht.Add("RepositoryNamefrom", dts.Rows[i]["RepositoryNamefrom"].ToString());

ht.Add("RepositoryNamefrom2", dts.Rows[i]["RepositoryNamefrom2"].ToString());

ht.Add("AddTime", dts.Rows[i]["AddTime"].ToString());

List.Add(ht);

}

}

datajson.Add("rows", List);

}

}