不能在kendoGrid中使用kendoComboBox

时间:2013-08-19 02:00:16

标签: combobox kendo-ui kendo-grid

我想将组合框绑定到剑道网格

请给我一个从数据库中绑定组合框的示例代码网格

 var provinces = $("#ddlProvince").kendoComboBox({
                    placeholder: "Choose Province",
                    dataTextField: "pname",
                    dataValueField: "pcode",
                    dataSource:data_province
                }).data("kendoComboBox");

<div id="gridData"></div>

1 个答案:

答案 0 :(得分:1)

您要查找的内容称为自定义编辑器,您可以在此处找到一些示例http://demos.kendoui.com/web/grid/editing-custom.html

将您的字段链接到特定编辑器

  { field: "Category", title: "Category", width: "160px", editor: categoryDropDownEditor, 

定义编辑器

 function categoryDropDownEditor(container, options) {
                    $('<input required data-text-field="CategoryName" data-value-field="CategoryID" data-bind="value:' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            autoBind: false,
                            dataSource: {
                                type: "odata",
                                transport: {
                                    read: "http://demos.kendoui.com/service/Northwind.svc/Categories"
                                }
                            }
                        });
                }

现在,当您单击特定行上的编辑时,会附加您选择的自定义编辑器。