在 GridView 中禁用 EditItemTemplate 的排序

Question

我在我的 GridView 中使用响应式 DataTable 类。

<asp:GridView ID="myGrid" runat="server" EnableViewState="False"
         CssClass="table table-striped table-bordered table-hover">
    <Columns>
    <asp:CommandField ShowEditButton="true" CausesValidation="true" />

使用下面的脚本：

<script>
    $(document).ready(function () {
        $("#<%= myGrid.ClientID %>").DataTable({
            responsive: true,
            "columnDefs": [{ "orderable": false, "targets": ['_all'] }],
        });
    });
</script>

此脚本禁用除我的第一列之外的所有列的排序选项，第一列具有使用 GridView 的ShowEditButton="true" 启用的编辑按钮。

我可以在页面中看到呈现的 HTML，第一列仍然有 class="sorting_asc"，而所有其他列都有 class="sorting_disabled"。如何禁用 GridView 为编辑/更新/取消添加的列的排序？

Answer 1

您需要将"targets": ['_all'] 更改为"targets": '_all'

“如何在 GridView 添加的列上禁用排序以进行编辑/更新/取消？”

如果你想单独配置每一列，看下面..

“columnDefs”是列定义的对象数组。你需要为每一列定义这个{ "orderable": false, "targets": ['_all'] }。

您可以通过gridview编辑更新模式在服务器端准备new {"orderable": false ...}对象数组..并注入您的脚本..

<script>
$(document).ready(function () {
    $("#<%= myGrid.ClientID %>").DataTable({
        responsive: true,
        "columnDefs": <%= ColumnDefinitions %>,
    });
});

服务器端..

    public string ColumnDefinitions;
    protected override void OnPreRender(EventArgs e)
    {
        List<object> columns = new List<object>();
        for (int i = 0; i < myGrid.Columns.Count; i++)
            columns.Add(new { orderable = !(myGrid.Columns[i] is CommandField) });

        ColumnDefinitions = Newtonsoft.Json.JsonConvert.SerializeObject(columns);
        base.OnPreRender(e);
    }