kendo ui 下拉框kendoDropDownList

Posted 2023-05-11

参考技术A

kendo ui 真的是让我很头疼，官网打不开，百度的来来回回就那几篇文章。

做开发，碰到问题，只能查百度真的无爱。

如果在页面上只是用个kendo的下拉列表，很简单。

注意： 这两个可以设置默认显示的文字，真正取到的值，他们后面的值， 必须加引号 ，值要与数据源中的key对应起来。

如果不知道该取那个值，可以e或者打印dataItem看看数据格式：

分别取对应的值，存储给后台：

其实单纯的使用下拉框这个很简单的，下面来搞点有意思的，将下拉框这个控件引入到grid列表中，这个我也想了好久，瞎猫碰到死耗子才做出来的。

看我下篇文章：

来自弹出编辑器的Kendo UI绑定下拉值

我有一个Kendo Grid，可以使用弹出编辑器添加新记录。弹出编辑器中的一个字段是DropDownList。当我打开弹出编辑器时，我从预先选择的下拉列表中获得了第一条记录。由于我预先选择它，我希望它在网格内自动创建（绑定）（当按下“更新”时），而不必再次手动选择它。 I have the example script here

答案

工作脚本：https://dojo.telerik.com/OFinidew/28

以下是一些有用的知识：

1. Defining schemas for your dataSources

模式是一种定义数据期望结构的方法。定义架构后，您的数据将“绑定”。您可能希望绑定数据，因为作为最后的手段，您最终将不得不使用模板。通常情况下，Kendo UI会尝试解决问题并自动绑定事物，但在特殊情况下，您必须为其提供架构。这是其中一个案例。

从代码示例中，似乎解决方法的方法是尝试更改kendoGrid的“edit”事件以立即选择“处理”状态 - 相反，您可以定义“处理”状态（值“2”）作为模型中“status”字段的defaultValue。但是，您需要确保您的自定义编辑器模板可以绑定，这导致我们...

2. Using the HTML property: data-bind="value:(nameOfYourField)"

当你为kendo弹出窗口制作自己的编辑器模板时，它无法知道要绑定到哪个HTML部分。请参阅提供的链接中的statusDropdownEditorTemplate，作为完成此操作的示例。

3. What valuePrimitive means

通常，kendoDropDownList将返回包含所选选项的Text和Value的对象。但这不是我们想要的，因为状态被定义为“0”，“1”，“2” - 所以我们只想要这个值。当您将valuePrimitive设置为true时，您将指示kendoDropDownList仅返回值本身，而不是包含所有内容的对象。