`

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编辑DataGrid用combobox实现多级联动

    本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的效果,这对于在数据录入时需要根据上一级选择动态更新下一级选项的情况非常有用,比如在本例中的“老师分类”和“老师细类”。...

    jQuery EasyUI 1.4.3 API

    - **Ajax**:通过异步请求获取数据,更新界面,如`$.ajax`或`$.getJSON`。 7. **自定义扩展** - **用户可以创建自定义组件**,扩展 EasyUI 功能,满足特定需求。 - **插件开发**:基于现有组件,通过封装和扩展...

    jquery easyui combox一些实用的小方法

    代码如下:// combogrid刷新$(“#cc”).combogrid(‘grid’).datagrid(‘load’);...// combogrid获取pagination对象$(‘#cc’).combogrid(‘grid’).datagrid(‘getPager’).pagination({ displayMsg:” 

    jquery easyui combobox模糊过滤(示例代码)

    修改jquery easyui combobox模糊过滤 代码如下:filter:function(q,row){ var opts=$(this).combobox(“options”); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//将...

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    jQuery EasyUI提供了一套丰富的UI组件库,其中Combo和Combobox组件主要用于数据的输入和选择。在本实例中,通过自定义的方法,为这些组件增加了一个“清除”按钮,让用户能够快速清除已选择的值。 知识点一:jQuery...

    easyui和dwz_jui两套后台管理界面模板

    EasyUI和DWZ_JUI是两种广泛用于构建后台管理界面的JavaScript框架,它们都是基于jQuery库的,旨在简化Web应用程序的开发过程,提供美观且功能丰富的用户界面。 **EasyUI** EasyUI是一套轻量级的前端开发框架,它...

    Easyui Combobox 过滤功能,类似火车票网站过滤

    EasyUI 是一个基于 jQuery 的 UI 框架,它简化了 Web 应用程序开发过程中的界面构建工作。通过 EasyUI,开发者可以方便地创建出复杂的用户界面,并且支持多种组件,如对话框、树形菜单、表格等。 #### 二、Combobox...

    JQueryEasyUI框架下的combobox的取值和绑定的方法

    最近做的项目涉及到JQueryEasyUI框架的使用,EasyUI是什么?网上解释说它是来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架!从这句话的理解来说,我认为它是一种JavaScript...

    在easyui-combobox多选模式下加入选择所有选项

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建用户界面。本文将深入探讨如何在EasyUI的Combobox组件中实现多选模式,并添加“选择所有”选项的功能。 Combobox是...

    EasyUI Combobox设置默认值 获取text的方法

    $('#xxx').combobox('setValue',11); $('#epsId_combo').combobox('selectedIndex',0); ...select id='xxx' class=easyui-combobox style=width: 180px;> 第一个 第二个 第三个 </select>

    easyui combobox开启搜索自动完成功能的实例代码

    EasyUI是一个基于jQuery的轻量级前端框架,它提供了一系列易于使用的UI组件,包括ComboBox,这个组件可以作为下拉框和输入框的组合,方便用户进行选择和输入。 ComboBox的搜索自动完成功能对于提高用户体验至关重要...

    easyui的下拉框多选

    EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了丰富的组件库,包括我们今天要讨论的多选下拉框(ComboBox)。 EasyUI的ComboBox组件可以实现单选和多选两种模式。在多选模式下,用户可以勾选多个...

    jQuery使用EasyUi实现三级联动下拉框效果

    在IT行业中,jQuery结合EasyUI库常常用于创建交互式的用户界面,其中三级联动下拉框是一种常见的功能,尤其在数据筛选、表单填写等场景中非常实用。这种联动效果允许用户从一系列相关选项中逐级选择,使得信息的输入...

    带拼音模糊检索的combox实例

    在这个实例中,`jquery-1.11.0.min.js`提供基础的jQuery支持,而`jquery.jdirk.js`和`jquery.easyui.min.js`可能包含了jQuery的扩展和EasyUI的实现。 6. **CSS**:`easyui.css`和`icon.css`是EasyUI的样式文件,...

    ComboBox下拉框内字体加颜色

    3. **使用Graphics对象**:在WM_PAINT消息的处理函数中,我们可以获取一个`Graphics`对象,它是.NET Framework中用于绘制图形的接口。通过这个对象,我们可以设置不同的画笔(Pen)和字体(Font),以绘制不同颜色的...

Global site tag (gtag.js) - Google Analytics