DropDownList下拉菜单
DropDownList其实就是select，只有下拉选择。可以把现有的select或者input渲染成下拉菜单：
Configuration配置项
1、动画 animation
类型：Object
说明：配置打开或者关闭下拉列表的特效。如果设值为false，打开或者关闭列表时将无动画。
3、上级关联 cascadeForm
类型：String
说明：指定本下拉框的上级关联是谁。这在制作类似省市县联动菜单时非常必要。
4、数据源 dataSource
类型：Object|Array|kendo.data.DataSource
说明：指定下拉列表的数据来源，可以是对象或者数据，或者是kendo的数据源。
5、文本字段 dataTextField
类型：String
默认：""
说明：DropDownList下拉菜单的option需要text与value。必须指定。
6、值字段 dataValueField
类型：String
默认：""
说明：DropDownList下拉菜单t的option需要text与value。如果没有指定自动获取dataTextField。
7、延时显示时间 delay
类型：Number
默认：200
说明：当用户清除搜索文本之后下拉列表消除的时间，单位为毫秒。
8、是否可用 enable
类型：Boolean
默认：true
说明：设置下拉菜单是否可用。
9、过滤规则忽略大小写 ignoreCase
类型：Boolean
默认：true
说明：过滤搜索时是否忽略大小写，设置为false将区分大小写过滤搜索。
10、下拉列表高度 height
类型：Number
默认：200
说明：定义下拉列表的高度，单位是像素(px)。
11、默认索引值 index
类型：Number
默认：0
说明：初始化时自动设值的索引值，数组是从0开始的。
12、optionLabel
类型：String | Object
默认：""
说明：下拉菜单默认选项，默认选项数据必须与数据源格式一致。如果要求必须含有dataValueField 和 dataTextField，默认选项值就必须是Object。
原码 打印 关于
13、忽略大小写 ignoreCase
类型：Boolean
默认：true
说明：过滤时是否忽略大小写，默认是忽略。
原码 打印 关于
14、template
类型：String|Function
说明：自定义下拉列表模板，比如生成带相片的名单。
原码 打印 关于
-
- #: name #
原码 打印 关于
16、绑定原始值 valuePrimitive
类型：Boolean
默认：false
说明：当为true时输入框获取dataValueField对应的值，为false时获取dataTextField对应的值。(感谢：Yuliyana Kirova)
原码 打印 关于
18、默认文本 Text
类型：String
默认：""
说明：当自动绑定数据为false才可设置默认文本。
原码 打印 关于
19、设置值 value
类型：String
默认：""
说明：设置默认值。
原码 打印 关于
Fields 其他属性
1、数据源操作 dataSource
类型：kendo.data.DataSource
说明：通过它可操作数据项。
原码 打印 关于
2、选项集 options
类型：Object
说明：获取选项集对象。
原码 打印 关于
Events 事件
原码 打印 关于
例子
var JX_TYPE = $("#aint0");
JX_TYPE.kendoDropDownList({
dataTextField: "text",//json返回的name
dataValueField: "value",
dataSource: data,
value: "@Model.aint0",
index:0,
change: onChange,
});
dept.kendoDropDownList({
cascadeFrom: "P_ORG_ID",//父id
cascadeFromField: "PARENT_ID",//子数据中的key名称
dataTextField: "NAME",//json返回的name
dataValueField: "ID",
value: "@Model.S_ORG_ID",
index: 0,
dataSource: obj_dict_dept
});
org_id.kendoDropDownList({
dataTextField: "NAME",//json返回的name
dataValueField: "ID",
dataSource: obj_org_id,
change: function (e) {
so_change(this.value(), $("#TITLE").val());
}
});
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！