Я использую метод tableToGrid jqGrid для преобразования ASP.Net GridView в jqGrid. Сетка преобразуется и все выглядит хорошо. Но как только я щелкаю столбец для сортировки, данные сортируются, а затем я теряю вертикальную полосу прокрутки, или, по сути, просто возможность прокрутки. Кажется, что он хочет реализовать пейджинг, когда у меня нет пейджинга. Например, данные, которые возвращаются и привязываются к сетке, содержат около 75 строк, которые я просто перечисляю; без подкачки После того, как я щелкну столбец для сортировки, он показывает около 20 строк, вертикальной полосы прокрутки нет, и я не вижу другие строки (те, что за 20). Нужно ли настраивать пейджинг?
Спасибо за любую помощь.
tableToGrid("#ContentPlaceHolder1_grid",
{ height: 600,
forceFit: true,
viewrecords: true,
hidegrid: true,
gridview: true,
autowidth: true,
colNames: ['Id', 'Number', 'Facility', 'Department', 'Category', 'Job Title', 'Date Last Modified'],
colModel: [
{ name: 'Id', index: 'Id', width: 30, hidden: true },
{ name: 'Number', index: 'Number', width: 75, title: false },
{ name: 'Facility', index: 'Facility', width: 120 },
{ name: 'Department', index: 'Department', width: 120 },
{ name: 'Category', index: 'Category', width: 120 },
{ name: 'Job_Title', index: 'Job_Title', width: 170, sortable: false },
{ name: 'Date_Last_Modified', index: 'Date_Last_Modified', width: 100, sortable: true, align: 'right' }
]
});
Мой GridView обернут внутри UpdatePanel.
<asp:UpdatePanel ID="up" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="content" class="ui-widget half-height-widget">
<div class="ui-widget-header ui-corner-top">
<h2 id="PageTitle">
<img alt="JSA" src="Images/jsa.png"/>Open JSA Document
<span id="toolbar">
<asp:Button ID="open" Text="Open" CssClass="button" runat="server" />
</span>
</h2>
</div>
<div class="ui-widget-content ui-corner-bottom">
<div id="content-div" style="overflow: auto;">
<div id="files" style="height: 601px;">
<asp:GridView runat="server" ID="grid" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="">
<ItemTemplate><img class="jqGrid-icon" onclick='alert(<%# Eval("Id") %>);' alt='' src="images/magnifier-medium.png" /></ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Number" HeaderText="Number" />
<asp:BoundField DataField="Facility" HeaderText="Facility" />
<asp:BoundField DataField="Department" HeaderText="Department" />
<asp:BoundField DataField="Category" HeaderText="Category" />
<asp:BoundField DataField="Job_Title" HeaderText="Job Title" />
<asp:BoundField DataField="Date_Last_Modified"
HeaderText="Date Last Modified" />
</Columns>
</asp:GridView>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>