Question

我想在jqGrid中重新排序拖放列。

我看到了 Reference page - 这很好，但我想在页面中拖放列而不点击列选择器按钮进行拖放或重新排列。

jQuery("#colch").jqGrid({
    url: 'server.php?q=2',
    datatype: "json",
    colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
    colModel: [{
        name: 'id',
        index: 'id',
        width: 55
    }, {
        name: 'invdate',
        index: 'invdate',
        width: 90
    }, {
        name: 'name',
        index: 'name asc, invdate',
        width: 100
    }, {
        name: 'amount',
        index: 'amount',
        width: 80,
        align: "right"
    }, {
        name: 'tax',
        index: 'tax',
        width: 80,
        align: "right"
    }, {
        name: 'total',
        index: 'total',
        width: 80,
        align: "right"
    }, {
        name: 'note',
        index: 'note',
        width: 150,
        sortable: false,
        hidden: true
    }],
    rowNum: 10,
    width: 700,
    rowList: [10, 20, 30],
    pager: '#pcolch',
    sortname: 'invdate',
    shrinkToFit: false,
    viewrecords: true,
    sortorder: "desc",
    caption: "Column Chooser Example"
});
jQuery("#colch").jqGrid('navGrid', '#pcolch', {
    add: false,
    edit: false,
    del: false,
    search: false,
    refresh: false
});
jQuery("#colch").jqGrid('navButtonAdd', '#pcolch', {
    caption: "Columns",
    title: "Reorder Columns",
    onClickButton: function() {
        jQuery("#colch").jqGrid('columnChooser');
    }
});

任何建议都会得到赞赏。

感谢

Answer 1

您应该使用jqGrid的sortable: true option。您还需要包含jQuery UI JavaScript文件（不仅仅是CSS）。

顺便说一句columnChooser不仅可以更改列的顺序，还可以隐藏/显示列。

列拖放而不点击jqGrid中的列选择器？

1 个答案: