博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
KendoUI系列:DropDownList
阅读量:6870 次
发布时间: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/

你可能感兴趣的文章
myeclipse从svn检出代码转成maven后格式有误解决方法
查看>>
F.Cards with Numbers
查看>>
Learn Python 004: string slicing
查看>>
[转载] 教你如何迅速秒杀掉:99%的海量数据处理面试题
查看>>
checkbox复选框的一些深入研究与理解
查看>>
简单入门Buffer
查看>>
【HDU】6110 路径交(2017百度之星) 线段树+RMQ-LCA+树链的交
查看>>
自定义Attribute 服务端校验 客户端校验
查看>>
Java锁系列|Java锁体系(一)
查看>>
SDN第四次作业
查看>>
HTML5之本地存储SessionStorage
查看>>
c语言学习之基础知识点介绍(三):scanf函数
查看>>
python lambda
查看>>
ubuntu配置caffe的python接口pycaffe
查看>>
C#--笔记
查看>>
[题集]一些有趣的问题
查看>>
[HNOI2010]城市建设
查看>>
系统设计 样题
查看>>
Paint House II
查看>>
[转]进程与线程的一个简单解释
查看>>