調整屏蔽UI網格列序列

做了一些研究之後，我似乎無法解決屏蔽UI網格控件的問題。我希望能夠允許用戶按自己選擇的順序放置列。我也有類似的訂單像下面的代碼：調整屏蔽UI網格列序列

$(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" } 
     ] 
    }); 
});

後，我沒有找到我放置在頁面中顯示的列順序上一些額外的控制解決方案，但這並不liik挺我想要的方式。有沒有辦法動態更改網格列的位置？

來源

2014-02-21 Dan Wilson

事實上，解決方案非常簡單。 Shield UI Grid控件支持動態列重新排序。所有你需要的是包括columnReorder屬性設置爲True在代碼：

columnReorder: true,

此外，沒有必要使用額外的控制。使用拖放用戶可以拖動列並將其放置在所需的位置。

來源

2014-02-21 14:19:54

調整屏蔽UI網格列序列

回答

相關問題