博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
KendoUI系列:DropDownList
阅读量:6869 次
发布时间:2019-06-26

本文共 2624 字,大约阅读时间需要 8 分钟。

  1、基本使用

  1>、创建Input

  效果:

  设置初始化时选中项:

var color = $("#dropDownList").data("kendoDropDownList");color.select(1); // 设置初始化时选中项,索引从0开始。

  获取当前选中项:

$("#dropDownList").val();

  或者

var color = $("#dropDownList").data("kendoDropDownList");color.value();

  获取当前选中项的Text:

var color = $("#dropDownList").data("kendoDropDownList");color.text();

  2>、创建select

   2、绑定远程数据

  json的数据格式:

[{"ProvinceID":1,"ProvinceNo":"110000","ProvinceName":"北京市"},{"ProvinceID":2,"ProvinceNo":"120000","ProvinceName":"天津市"},{"ProvinceID":3,"ProvinceNo":"130000","ProvinceName":"河北省"},{"ProvinceID":4,"ProvinceNo":"140000","ProvinceName":"山西省"},{"ProvinceID":5,"ProvinceNo":"150000","ProvinceName":"内蒙古"},{"ProvinceID":6,"ProvinceNo":"210000","ProvinceName":"辽宁省"},{"ProvinceID":7,"ProvinceNo":"220000","ProvinceName":"吉林省"},{"ProvinceID":8,"ProvinceNo":"230000","ProvinceName":"黑龙江"},{"ProvinceID":9,"ProvinceNo":"310000","ProvinceName":"上海市"},{"ProvinceID":10,"ProvinceNo":"320000","ProvinceName":"江苏省"},{"ProvinceID":11,"ProvinceNo":"330000","ProvinceName":"浙江省"},{"ProvinceID":12,"ProvinceNo":"340000","ProvinceName":"安徽省"},{"ProvinceID":13,"ProvinceNo":"350000","ProvinceName":"福建省"},{"ProvinceID":14,"ProvinceNo":"360000","ProvinceName":"江西省"},{"ProvinceID":15,"ProvinceNo":"370000","ProvinceName":"山东省"},{"ProvinceID":16,"ProvinceNo":"410000","ProvinceName":"河南省"},{"ProvinceID":17,"ProvinceNo":"420000","ProvinceName":"湖北省"},{"ProvinceID":18,"ProvinceNo":"430000","ProvinceName":"湖南省"},{"ProvinceID":19,"ProvinceNo":"440000","ProvinceName":"广东省"},{"ProvinceID":20,"ProvinceNo":"450000","ProvinceName":"广  西"},{"ProvinceID":21,"ProvinceNo":"460000","ProvinceName":"海南省"},{"ProvinceID":22,"ProvinceNo":"500000","ProvinceName":"重庆市"},{"ProvinceID":23,"ProvinceNo":"510000","ProvinceName":"四川省"},{"ProvinceID":24,"ProvinceNo":"520000","ProvinceName":"贵州省"},{"ProvinceID":25,"ProvinceNo":"530000","ProvinceName":"云南省"},{"ProvinceID":26,"ProvinceNo":"540000","ProvinceName":"西  藏"},{"ProvinceID":27,"ProvinceNo":"610000","ProvinceName":"陕西省"},{"ProvinceID":28,"ProvinceNo":"620000","ProvinceName":"甘肃省"},{"ProvinceID":29,"ProvinceNo":"630000","ProvinceName":"青海省"},{"ProvinceID":30,"ProvinceNo":"640000","ProvinceName":"宁  夏"},{"ProvinceID":31,"ProvinceNo":"650000","ProvinceName":"新  疆"},{"ProvinceID":32,"ProvinceNo":"710000","ProvinceName":"台湾省"},{"ProvinceID":33,"ProvinceNo":"810000","ProvinceName":"香  港"},{"ProvinceID":34,"ProvinceNo":"820000","ProvinceName":"澳  门"}]

  效果:

  设置加载之后选中项:

  3、事件

DropDownList

Console log

  4、联动

  效果预览:

  5、参考资料

  

转载地址:http://yasfl.baihongyu.com/

你可能感兴趣的文章
四个月工作和生活总结
查看>>
css 去掉苹果手机按钮的默认样式,网页布局单位,边框透明度(hsla)
查看>>
Redis构建分布式锁
查看>>
freemarker入门
查看>>
WordPress 批量关闭和打开评论功能
查看>>
OO第四单元作业总结暨完结撒花
查看>>
python中的正则表达式
查看>>
一些js常用函数
查看>>
机器学习总论:三种应用之模式识别、函数拟合、概率密度估计
查看>>
加速度传感器检测物体倾角的原理
查看>>
ReentrantLock的简单使用
查看>>
求一个int型整数的两种递减数之和(java)--2015华为机试题
查看>>
pseudo-class与pseudo-element的区别
查看>>
RAC执行root.sh报libcap.so.1: cannot open shared object file
查看>>
scanf的正则
查看>>
python中os.path下模块总结
查看>>
ehcache memcache redis三大缓存男高音
查看>>
php -- ziparchive::open创建zip压缩文件
查看>>
657. Judge Route Circle
查看>>
345. Reverse Vowels of a String
查看>>