從kendo ui網格中刪除Columnmenu.columns

Question

我今天正在使用KENDO UI Grid，我需要在一個網格中，在列菜單中有活動項“排序升序，排序降序，列，過濾器”，但我還需要“列”項目在其他列中消失，以便ppl只能隱藏第一列。 例如，在此代碼中

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
    columnMenu:true,
    filterable: true,
    sortable: true,
    columns: [
        { field: "productName" },
        { field: "category" }
    ],
    dataSource: [
       { productName: "Tea", category: "Beverages" },
        { productName: "Coffee", category: "Beverages" },
        { productName: "Ham", category: "Food" },
        { productName: "Bread", category: "Food" }
    ]
});
</script>

結果是在每一列我都會得到一個包含4個項目的menù：

1. 升序
2. 降序排序
3. 列
4. 過濾

現在我需要的只是“productName”列中有4個聲音，而對於“category”列（以及其他每個可能的列），菜單聲音僅包含：

1. 升序
2. 降序排序
3. 過濾

那可能嗎？

任何建議的ty

Answer 1

無法直接配置，但您可以刪除Grid的columnMenuInit事件中的“columns”菜單項（請參閱http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-columnMenuInit ）：

columnMenuInit: function(e) {

  // Only remove if column is not 'productName'
  if (e.field != "productName") {
    // Remove the item from the menu via JQuery
    e.container.find(".k-columns-item").remove();
  }
}