0

いくつかの調査を行った後、Shield UI Grid コントロールの問題を解決できないようです。ユーザーが選択した順序で列を配置できるようにしたいと考えています。以下のコードのような同様の注文があります。

$(function () {
    $("#grid").shieldGrid({
        dataSource: {
            data: products
        },
        columns: [
            "ProductName",
            { field: "['Category']['CategoryName']", title: "CategoryName", format: "{0:c}", width: "330px" },
            { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" },
            { field: "UnitsInStock", title: "Units In Stock", width: "130px" },
            { field: "Discontinued", width: "130px" }
        ]
    });
});

そして、解決策が見つからなかった後、ページにいくつかの追加のコントロールを配置して、列のシーケンスを表示しましたが、これは私が望む方法ではありません。グリッド列の場所を動的に変更する方法はありますか?

4

1 に答える 1

0

実際のところ、解決策は非常に簡単です。Shield UI Grid コントロールは、動的な列の並べ替えをサポートしています。必要なのは、true に設定された columnReorder プロパティをコードに含めることだけです。

columnReorder: true,

それに加えて、追加のコントロールを使用する必要はありません。ドラッグ アンド ドロップを使用すると、列をドラッグして目的の位置に配置できます。

于 2014-02-21T14:19:54.140 に答える