dxdatagrid使用botom上的按钮自定义查找列下拉列表

Question

我正在开发devextreme dxdatagrid，我想在查阅列下拉列表的末尾显示一个按钮，点击后会显示一个弹出窗口。

我在文档部分搜索但没有发现任何与之相关的内容。

请帮助我实现它，如果提供了一个小提琴示例，请感谢。

Answer 1

您可以在网格的onEditorPreparing事件处理程序中自定义查找编辑器。

以下是在查找编辑器底部添加按钮的代码：

onEditorPreparing: function(e){
        if(e.row.rowType === "data" && e.dataField === "formatID") {
        var advancedSearchItem = { 
                template: function(){
                    return $("<div>").dxButton({ 
                text: "Advanced search", 
                onClick: function(args) {
                    alert("click");
                } 
              });       
                }
            };

        e.editorOptions.dataSource = e.lookup.items;
        e.editorOptions.dataSource.push(advancedSearchItem);
      }        
    },

以下是jsfiddle示例的链接：http://jsfiddle.net/jbkabrq3/