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/