Question

columnMenuInit: function (e) {
                console.log("menu init");
                var field = e.field;
                console.log(field);

                    var menu = e.container.find(".k-menu").data("kendoMenu");
                    menu.append([
                    {text: "Highlight",
                        spriteCssClass: "k-i-custom",
                        content: '<div class="colorpicker' + field + '"></div>'
                    }]);
                    $(".colorpicker" + field).kendoFlatColorPicker({
                        preview: false,
                        value: "#000",
                        change: select
                    });
};

以上代码显示了如何为桌面视图添加菜单项。但是，当您想要为网格的自适应渲染模式添加菜单项时，菜单项不会出现？我想添加一个自定义菜单以突出显示。

经过一些研究后，我相信在自适应渲染模式下，它使用mobile list view而不是kendoui菜单。我不知道如何访问此列表。

我已经尝试了一些代码如下，没有运气，说菜单没找到。

var menu = e.container.find(".k-mobile-list").data("kendoMenu");
                    if(menu){
                        console.log("found");
                    }else{
                        console.log("not found");
                    }

我也试过了，

var menu = e.container.find(".k-mobile-list").data("kendoMobileListView");
                    if(menu){
                        console.log("found");
                    }else{
                        console.log("not found");
                    }

这里也没有运气。

我从iOS模拟器中从console.log(e.container);命令中提取的移动设备上的容器如下所示。

<div class="k-column-menu k-mobile-list"><ul data-role=""><li><span class="k-link">Company Name</span><ul><li class="k-item k-sort-asc"><span class="k-link"><span class="k-sprite k-i-sort-asc"></span>Sort Ascending</span></li><li class="k-item k-sort-desc"><span class="k-link"><span class="k-sprite k-i-sort-desc"></span>Sort Descending</span></li><li class="k-item k-filter-item"><span class="k-link k-filterable" data-role="filtermenu"><span class="k-sprite k-filter"></span>Filter</span></li></ul></li><li class="k-columns-item"><span class="k-link">Columns</span><ul><li class="k-item"><label class="k-label"><input type="checkbox" class="k-check" data-field="name" data-index="0" data-locked="false">Company Name</label></li><li class="k-item"><label class="k-label"><input type="checkbox" class="k-check" data-field="phone" data-index="1" data-locked="false">Phone</label></li><li class="k-item"><label class="k-label"><input type="checkbox" class="k-check" data-field="email" data-index="2" data-locked="false">Email</label></li><li class="k-item"><label class="k-label"><input type="checkbox" class="k-check" data-field="Operations" data-index="3" data-locked="false">Operations</label></li></ul></li></ul></div>

有没有人知道如何添加到为网格启用自适应渲染的菜单项？

如何为Mobile定制kendoUI Grid Column Menu

0 个答案: