我想将 5 页显示为“第 1 页,共 5 页”“查看 1 - 5 of 25”,并启用下一个、上一个和第一个、最后一个按钮。(我的数据库中共有 25 条记录)
例如..
它向我展示了
第 1 页,共 1 页 查看 1-5 共 5
我正在使用如下 Web 方法:
` public JQGrid GetDataForGrid(int pageIndex, int pageSize, string sortIndex, string sortDirection, bool _search, string filters) { JQGrid l_oJQGrid = null;
try
{
using (SqlConnection l_oConn = new SqlConnection(WebConfigurationManager.ConnectionStrings[APP_CONNSTR].ConnectionString))
{
l_oConn.Open();
using (SqlDataAdapter l_oDA = new SqlDataAdapter("GetMasterListData", l_oConn))
{
l_oDA.SelectCommand.CommandType = CommandType.StoredProcedure;
l_oDA.SelectCommand.Parameters.AddWithValue("@p_intPage", pageIndex);
l_oDA.SelectCommand.Parameters.AddWithValue("@p_intRows", pageSize);
l_oDA.SelectCommand.Parameters.Add("@p_intTotalRows", SqlDbType.Int);
l_oDA.SelectCommand.Parameters["@p_intTotalRows"].Direction = ParameterDirection.Output;
using (DataSet l_oDS = new DataSet())
{
l_oDA.Fill(l_oDS);
if (!l_oDS.HasErrors)
{
using (DataTable l_oDT = l_oDS.Tables[0])
{
DataRow[] l_oRows = null;
int l_iColCount = l_oDT.Columns.Count;
int l_iIDColIndex = l_oDT.Columns.IndexOf("Id");
if (!string.IsNullOrEmpty(sortIndex))
l_oRows = l_oDT.Select(string.Empty, sortIndex + " " + sortDirection);
else
l_oRows = l_oDT.Select();
l_oJQGrid = new JQGrid();
if (_search && !String.IsNullOrEmpty(filters))
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
JQGrid.JQGridSearchFilter searchFilter = serializer.Deserialize<JQGrid.JQGridSearchFilter>(filters);
// use the searchFilter here
}
foreach (DataRow l_oRow in l_oRows)
{
JQGrid.Row l_oJQRow = new JQGrid.Row();
l_oJQRow.id = l_oRow["Id"].ToString();
for (int l_iColCtr = 0; l_iColCtr < l_iColCount; l_iColCtr++)
{
if (l_iColCtr != l_iIDColIndex)
l_oJQRow.cell.Add(l_oRow[l_iColCtr].ToString());
}
l_oJQGrid.rows.Add(l_oJQRow);
}
int l_iRecCount = Convert.ToInt32(l_oDA.SelectCommand.Parameters["@p_intTotalRows"].Value);
l_oJQGrid.page = pageIndex;
l_oJQGrid.records = l_iRecCount;
l_oJQGrid.total = (l_iRecCount + pageSize - 1) / pageSize;
}
}
}
}
}
}
catch (Exception ex)
{
throw ex;
}
return l_oJQGrid;
}
我的 jqgrid 代码是这样的
$(document).ready(function () {
var oItemGrid = $("#ItemGrid");
oItemGrid.jqGrid({
datatype: function (jqGridParams) {
getData(jqGridParams);
},
colNames: ['Type', 'Name', 'Desc'],
colModel: [
{ name: 'Type', index: 'Type', width: 40 },
{ name: 'Name', index: 'Name', width: 40 },
{ name: 'Desc', index: 'Desc', width: 40 }
],
autowidth: true,
height: 'auto',
rowNum: 5,
rowList: [5, 10, 15, 20, 25],
viewrecords: true,
gridview: true,
autoencode: true,
ignoreCase: true,
caption: 'Filter and Search Functionality',
pager: '#IGPager',
loadonce: true
}).jqGrid('navGrid', '#IGPager', { edit: true, add: true, del: true}, {}, {}, {}, {}, {});
});`
我必须做什么才能启用网格寻呼机上的下一个、上一个、第一个、最后一个按钮???