0

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}, {}, {}, {}, {}, {});
});`

グリッドのページャーで次、前、最初、最後のボタンを有効にするにはどうすればよいですか???

4

1 に答える 1