javascript - jqGrid - 我如何禁用可拖动列但可以排序列

Question

1. 我想通过拖动列来禁用重新排序，但 jqGrid 可以对列进行排序。
2. 或者，我想通过拖动列并使用列选择器来启用重新排序。

此代码是拖动列时发生的错误。

$(function () {   
    jQuery("#search_datagrid").jqGrid("GridUnload").jqGrid({
        url: '/Search/SearchDataGrid/',
        datatype: "json",
        contentType: "application/json; charset-utf-8",
        mtype: 'POST',
        postData: {
             search_word: search_word,
             baseLang: baseLang,
             targetLang: targetLang,
             products: products
        },
        rowNum: 20,
        rowList: [10, 20, 30, 50],
        colNames: columnNames,
        colModel: columnModels,
        shrinkToFit: true,
        height:'auto',
        autowidth: true,
        pager: "#search_pager",
        viewrecords: true,
        caption: "Result",
        subGrid: true,
        sortable: true,
        loadonce: true,
        gridview: true,

        subGridOptions: {
            "plusicon": "ui-icon-triangle-1-e",
            "minusicon": "ui-icon-triangle-1-s",
            "openicon": "ui-icon-arrowreturn-1-e"
        },
    })
    .jqGrid('navGrid', '#search_pager', { add: false, edit: false, del: false, search: false, refresh: false })
    .jqGrid('navButtonAdd', '#search_pager', {
        caption: "Select Columns",
        title: "Select Columns",
        buttonicon: "ui-icon-calculator",
        onClickButton: function () {
            jQuery("#search_datagrid").jqGrid('columnChooser');
        }
    })
    .jqGrid('setGroupHeaders', {
        useColSpanStyle: true,
        groupHeaders: [
          { startColumnName: '' + baseLang, numberOfColumns: 2, titleText: 'Language' },
        ]
    })
});
$(window).resize(function () {
    $("#search_datagrid").setGridWidth($(this).width() - $(this).width() / 10);
});

Answer 1

网格选项 sortable: true您使用的 ，负责根据列标题的拖放对列 进行排序(重新排序)。另一边sortable: false colModel的属性(property)可用于防止通过单击列标题对列中的数据 进行排序。关于 columnChooser 的列重新排序独立于上述选项和属性，但可以使用 hidedlg: true属性(property) colModel以防止在列选择器对话框中显示某些列。

因此，如果我正确理解你的问题，你应该删除 sortable: true的网格，不指定任何 sortable colModel 内的属性(property)(sortable 属性的默认值为 true ，它允许对数据进行排序)。