Question

我有以下jqxgrid代码，我想设置一个动态可排序的单列（'Col1'）。我怎么能实现这一点。感谢您的解决方案和建议。

$("#jqxgrid").jqxGrid({
    source: data,`enter code here`
    columns:[
        {text: 'Col1', datafield: 'Row', width:100},
        {text: 'Col2', datafield: 'Row', width:100},
        {text: 'Col3', datafield: 'Row', width:100},
        {text: 'Col4', datafield: 'Row', width:100},
    ]
});

Answer 1

您可以在jQX Grid中使用sortby函数来动态地对字段进行排序。请参阅以下代码。

$("#jqxgrid").jqxGrid('sortby', 'Col1', 'asc');

如果您想按降序排序，可以将'asc'更改为'desc'。

或者您可以在源对象中使用sortcolumn属性。您可以更改源对象，如下所示。

var source =
{
datatype: "xml",
datafields: [
    { name: 'ShippedDate', type: 'date' },
    { name: 'Freight', type: 'float' },
    { name: 'ShipName' },
    { name: 'ShipAddress'},
    { name: 'ShipCity'},
    { name: 'ShipCountry' }
],
root: "entry",
record: "content",
id: 'OrderID',
url: url,
sortcolumn: 'ShipName',
sortdirection: 'asc'
};

希望有所帮助。

以编程方式仅对jqxgrid中的单个列进行排序

1 个答案: