在剑道添加comboBox

时间:2017-02-08 03:39:33

标签: java jsp kendo-ui kendo-grid

我有剑道代码:

<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。如何将CategorySub Category更改为comboBox

我试过这个Overview Kendo UI ComboBox。但那是不同的情况,当我使用kendoGrid时,我真的不明白。

1 个答案:

答案 0 :(得分:1)

如果你使用jsp正确标记它,我认为你是java。

  

我已经尝试了解这个概述Kendo UI ComboBox。但那是不同的情况,当我使用kendoGrid时,我真的不明白。

如果是这样,你在文档上看错了地方。

现在,为了重新解释您的问题,您希望在插入/编辑期间有一个编辑器来删除某个列。

为列指定自定义编辑UI。使用container参数创建编辑UI。

 <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>

确保通过花时间阅读文档来清除基本概念