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 负责在拖放列标题时对列 进行重新排序。另一方面，colModel 的sortable: false 属性可用于防止通过单击列标题对列中的数据 进行排序。关于columnChooser 的列重新排序独立于上述选项和属性，但可以使用colModel 中的hidedlg: true 属性来防止在列选择器对话框中显示某些列。

因此，如果我正确理解您的问题，您应该只删除网格的sortable: true，而不是在colModel 内指定任何sortable 属性（sortable 属性的默认值为true，即允许对数据进行排序）。