我有剑道代码:
<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=" " 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时,我真的不明白。
答案 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>
确保通过花时间阅读文档来清除基本概念
查看描述列类型的文档。 Editor java.lang.String