Добавить COMBOBOX в кендо

Question

У меня есть кендо код:

<kendo:grid-columns>           
     <kendo:grid-column width="auto" title="<label style='color:white;'>Code</label>" field="code"/> 
     <kendo:grid-column width="auto" title="<label style='color:white;'>Category</label>" field="Category"/> 
     <kendo:grid-column width="auto" title="<label style='color:white;'>Sub Category</label>" field="SubCategory"/> 
     <kendo:grid-column width="auto" title="<label style='color:white;'>Description</label>" field="desc"/> 
     <kendo:grid-column width="auto" title="<label style='color:white;'>Value</label>" field="budget" template="#=kendo.toString(budget,'n0')#"/>     

      <kendo:grid-column title="&nbsp;" width="175px"> 
       <kendo:grid-column-command> 
        <kendo:grid-column-commandItem name="edit"/> 
         <kendo:grid-column-commandItem name="delete"/>  
          </kendo:grid-column-command> 
         </kendo:grid-column> 

Code,Category, Sub Category Введенное значение textfield, и значение является numericupdown. Как изменить Category и Sub Category на comboBox?

Я попробовал узнать об этом Overview Kendo UI ComboBox. но это другой случай, когда я использовал kendoGrid, я действительно не понимаю.

Answer 1

Я предполагаю, что вы java, если вы пометили его правильно, используя jsp.

Я попытался изучить этот обзор Kendo UI ComboBox. но это другой случай, когда я использовал kendoGrid, я действительно не понимаю.

Если это так, вы смотрите на неправильное место в документации.

Теперь, чтобы перефразировать ваш вопрос, вы ищете, чтобы у редактора во время вставки/редактирования выпадало для определенного столбца.

Укажите пользовательский интерфейс редактирования для столбца. Используйте параметр container для создания интерфейса редактирования.

<kendo:grid-column title="Category" field="category" editor="categoryDropDownEditor" template="#=category.categoryName#"width="180px"/> 

Вот Javascript метод

<script> 
    function categoryDropDownEditor(container, options) { 
     $('<input data-text-field="categoryName" data-value-field="categoryId" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoDropDownList({ 
      autoBind: false, 
      dataSource: {     
       transport: { 
        read: "${categoriesUrl}" 
       } 
      } 
     }); 
    } 
</script> 

Убедитесь, что вы четкие концепции ваши азам, проводя время на чтение документации

• Проверить эту документацию, которые описывают тип столбца. Editor java.lang.String

• Live working demo