我正在尝试对 gridview 的行进行排序。排序部分正在工作,但排序后我的 editindex 保持在前一个 id 上,因此当我编辑错误的数据时会加载。
我的网格视图如下所示:
<asp:GridView OnRowDataBound="grdLots_RowDataBound" ID="grdLots" runat="server" AutoGenerateColumns="False" CssClass="grid"
AlternatingRowStyle-CssClass="gridAltRow" RowStyle-CssClass="gridRow" EditRowStyle-CssClass="gridEditRow" FooterStyle-CssClass="gridFooterRow"
OnRowEditing="grdLots_RowEditing" EmptyDataText="Geen resultaten gevonden" OnRowDeleting="grdLots_RowDeleting" DataKeyNames="Lot_No">
<Columns>
<asp:TemplateField HeaderText="Edit" ShowHeader="False" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:LinkButton ID="lnkEditLot" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton>
</ItemTemplate>
<EditItemTemplate>
>>>
</EditItemTemplate>
<HeaderStyle HorizontalAlign="Left" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Delete" ShowHeader="False" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:LinkButton ID="lnkDeleteLot" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete"></asp:LinkButton>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Left" />
</asp:TemplateField>
</Columns>
</asp:GridView>
我的 js 看起来像这样:
<script type="text/javascript">
(function ($) {
$(document).ready(function () {
// Return a helper with preserved width of cells
var fixHelper = function (e, ui) {
ui.children().each(function () {
$(this).width($(this).width());
});
return ui;
};
var $sortableTable = jQuery('#<%= grdLots.ClientID %> tbody');
$sortableTable.sortable({
helper: fixHelper,
update: function (event, ui) {
var order = $sortableTable.sortable('toArray');
$.post('/DesktopModules/DNN.WebAPI/API/Ajax/SortLots?rows=' + order);
}
});
});
})(jQuery);
</script>
数据已正确保存在数据库中,但是当我想在排序后在我的 gridview 中编辑一行时,会采用前一个 id。我试图通过使用 jQuery 加载功能加载我的屏幕的一部分来解决它,但这也不起作用。