5 ページを「Page 1 of 5」「View 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}, {}, {}, {}, {}, {});
});`
グリッドのページャーで次、前、最初、最後のボタンを有効にするにはどうすればよいですか???