KendoUI下拉列表-当“新建…”选择后，显示文本框

Question

我在KendoUI下拉列表中有一个项目列表。它是使用Razor语法生成的

我想做的是：

>

如果用户没有从列表中找到他/她正在寻找的内容，他/她选择"New..."（一个静态值）

应显示一个隐藏的文本字段，允许他们添加新值

新值应发回控制器方法（WIP）

我想：

>

获取数据

静态添加“New”选项

到目前为止，这种方法效果良好：

>

它从控制器action方法获取数据，并按预期显示列表

我可以将它绑定到两个事件：“更改”和“数据绑定”

问题:

我使用jQuery的“ready”方法添加名为“New..”的静态值。它复制了这个值。我认为这是一个无限循环。

因此，我被困在这一点上

部分观点：

 @(Html.Kendo().DropDownListFor(model => model.ClientType)
                              .DataSource(ds => ds.Read(read => read.Action("FetchAllClientTypes", "ClientType")))
                              .DataTextField("Description")
                              .DataValueField("Id")
                              .AutoBind(true)
                              .Events(e =>
                               {
                                   e.Change("onClientTypeChange").DataBound("onClientTypeDataBound");
                               })
                              .ToClientTemplate()
                      )
                @Html.ValidationMessageFor(model => model.ClientType)

/*When dropdown is bound, add "New..."*/
/* Duplicates "New". Appears to be infinite. */
function onClientTypeDataBound() {
    var clientTypesDropDownList = $('#ClientType').data('kendoDropDownList');
    clientTypesDropDownList.dataSource.add({ Description: 'New...', value: '-1' });

};

/**Works**/
function onClientTypeChange() {

    alert('Testing On change');
};

Answer 1

您所描述的只是ComboBox小部件的开箱即用支持。如果items集合中没有此类值，则ComboBox的值将成为用户键入的文本。在这里仔细查看ComboBox小部件（更具体地说，在使用不同的值时使用getValue按钮）。