教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery easyui中combox数据获取实例

jquery easyui中combox数据获取实例

发布时间:2015-12-31   编辑:jiaochengji.com
本文介绍了jquery easyui中使用combox获取数据的例子,有需要的朋友参考下。

jquery easyui 的demo中,通过:url="combobox_data.json"  
从服务器获取json数据,combobox_data.json的数据内容:
 

复制代码 代码示例:
[{ 
    "id":0, 
    "text":"" 
},{ 
    "id":1, 
    "text":"Java" 
},{ 
    "id":2, 
    "text":"C#" 
},{ 
    "id":3, 
    "text":"Ruby", 
    "selected":true 
},{ 
    "id":4, 
    "text":"Perl" 
},{ 
    "id":5, 
    "text":"Basic" 
}] 
 

 它是一个没有名字的数组。在实际通过ajax从服务器获得的json数据往往是有名字的,而不直接是一个没有名字的数组
 

复制代码 代码示例:
{"datastore":[{"id":"1","text":"国庆节"},{"id":"2","text":"端午节"},{"id":"3","text":"中秋节"}]} 

如何让combobox支持这种格式的json数据呢。修改jquery.easyui.min.js中的第8127行,将
_603(_609,data,_60b); 
中的data后面加上自己数组的名字,这里是datastore。
 

复制代码 代码示例:
$.ajax({url:opts.url,dataType:"json",data:_60a,success:function(data){ 
_603(_609,data.datastore||data,_60b); 
},error:function(){ 
opts.onLoadError.apply(this,arguments); 
}}); 

您可能感兴趣的文章:
jquery easyui中combox数据获取实例
jquery easyui combox一些实用的小方法
jquery easyui入门教程(2)
Jquery easyui之控件参数传递方法
jquery easyui开发几点总结
jquery easyUI使用JS显示Dialog
jquery easyui 分页的使用方法
jquery easyui学习教程之accordion
基于jquery扩展漂亮的CheckBox(自己编写)
jQuery的UI插件 Smart UI

关键词: combox  easyui  jquery easyui   
[关闭]
~ ~