`
xiaoyaocao
  • 浏览: 275882 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

【转】jquery easyui datagrid列绑定嵌套对象

 
阅读更多

 

 

1. json的数据格式:

      var map = {"uname":'',"upwd":'',"role":{“rolename”:'',"roleLevel":''}}

把这个json格式绑定到datagrid的filed属性上:

columns : [ [ 
{
  field : uname,
  title : uname,
width : 200,
rowspan : 2,
align : 'center'
},{
  field : upwd,
  title : upwd,
width : 80,
rowspan : 2,
align : 'center'
}, {
  field :‘ role.rolename’ ,
  title : '角色名称',
width : 100,
rowspan : 2,
align : 'center'
}, {
  field : ‘role . roleLevel’ ,
  title : '等级',
width : 80,
rowspan : 2,
value : 1,
align : 'center'
  }]]

 

jquery easyui 是不支持嵌套对象的数据转化的。。比如:(role.roleLevel)

我们必须修改源代码:

我的用的是appendRow 和updateRow 2个方法。所以修改这2个方法的赋值地方

如果用到appendRow:

//cc.push(_571[_573]); --源代码    7062行

改为:
cc.push(eval("_571['"+_573.replace(/\./g,"']['")+"']"));

 

如果用到updateRow :

//cell.html(rows[_57a][_57b]); -- 源代码   7638行

改为:
cell.html(eval("rows[_57a]['"+_57b.replace(/\./g,"']['")+"']"));

 

注意:我的jquery easyui 的版本为1.2.6的版本

 

分享到:
评论

相关推荐

    jQuery EasyUI-1.4.1

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它极大地简化了网页开发的过程,尤其在构建用户界面方面。这个框架集成了大量的组件和插件,使得开发者能够快速创建功能丰富的、响应式的网页应用。EasyUI 1.4.1 版本...

    jquery easyui最全学习资料,两版本demo例子、api等

    此外,jQuery EasyUI 还强调了组件之间的联动和嵌套使用,比如在对话框中嵌入表格,或者在面板中组合多个小部件。学习这些组合使用的方法能够帮助你设计出更复杂的用户界面。 总之,这个压缩包是学习 jQuery EasyUI...

    李炎恢jQuery EasyUI讲义代码

    根据提供的文件信息,我们可以推断出这是一份关于“李炎恢jQuery EasyUI讲义代码”的资源分享。接下来,我们将围绕这份讲义的核心内容——jQuery EasyUI,进行深入的解析和知识点的归纳。 ### jQuery EasyUI简介 ...

    李炎恢jQuery EasyUI讲义代码.zip

    《李炎恢jQuery EasyUI讲义代码》是一个包含jQuery EasyUI相关教学材料和示例代码的压缩包。jQuery EasyUI是一套基于JavaScript库jQuery的UI框架,它为开发者提供了丰富的组件和界面元素,使得构建美观、功能强大的...

    jQuery EasyUI v1.3.5官方API中文版

    1. 数据网格(datagrid):jQuery EasyUI的数据网格组件用于展示和操作表格数据,支持分页、排序、过滤、编辑等功能,可以轻松地与后端服务器进行数据交互。 2. 表单(form):EasyUI的表单组件可以帮助开发者创建...

    jQuery EasyUI 官方API文档

    3. **数据绑定**:jQuery EasyUI 支持JSON数据格式,可以通过Ajax方式与服务器进行数据交换。DataGrid和Tree等组件可以直接绑定JSON数据源,实现动态加载和更新。 4. **事件处理**:每个组件都有一系列预定义的事件...

    easyUI datagrid 做的工程

    EasyUI 是一个基于 jQuery 的前端框架,主要用于构建用户界面,特别是在企业级应用中十分常见。在本项目中,"easyUI datagrid 做的工程" 提到的是使用 EasyUI 的 datagrid 组件来实现的功能丰富的表格应用。Datagrid...

    jQueryEasyUI.rar

    这个压缩包“jQueryEasyUI.rar”包含了这个框架的所有必要文件,使得开发者可以直接引用和使用。 jQuery EasyUI 的核心理念是简化网页开发,通过预定义的 CSS 样式和 JavaScript 函数,为 HTML 元素添加丰富的交互...

    JQuery easyUI Demo 参考

    1. **组件丰富**:jQuery EasyUI 包含了大量的UI组件,如数据表格(datagrid)、下拉菜单(combobox)、对话框(dialog)、表单(form)、布局(layout)、树形控件(tree)、菜单(menu)等,这些组件覆盖了日常Web...

    DataGrid数据绑定.zip

    EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括DataGrid,使得开发者能够轻松地创建功能强大的数据表格。在这个"DataGrid数据绑定.zip"压缩包中,我们很显然会找到一段代码,它将数据库查询结果转换为EasyUI...

    jquery-easyui-1.3.5 中文离线API

    《jQuery EasyUI 1.3.5 中文离线API详解》 EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建用户界面。EasyUI 1.3.5 版本是其稳定且广泛使用的版本之一,其中文...

    jQuery EasyUI 1.4 版 API 中文版 (Made By Richie696)

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单、树形控件等,帮助开发者快速构建用户界面。这个框架的1.4版本API中文版是由 Richie696 制作的,为中文使用...

    jquery-easyui

    - **数据绑定**: 结合 JSON 数据源,EasyUI 可以实现数据表格(DataGrid)、树形控件(Tree)和下拉选择框(ComboBox)的数据动态加载和编辑。 - **表单验证**: 支持对表单元素的验证规则设置,确保输入数据的有效...

    jQuery EasyUI 1.4.1

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个1.4.1版本是该框架的一个稳定版本,包含了许多实用的UI组件和功能。 首先,jQuery EasyUI 的核心是 ...

    jQuery EasyUI v1.3.5官方API中文版.zip

    jQuery EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者能够快速构建功能完善的Web应用程序。在v1.3.5版本中,这个框架继续优化了其性能和用户体验,同时提供了详尽的API文档和教程,...

    jquery-easyui-1.3.4-api_官方英文原版.zip

    《jQuery EasyUI 1.3.4 API 官方英文原版详解》 jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件和插件,帮助开发者快速构建用户界面。1.3.4 版本是 EasyUI 的一个重要里程碑,其中包含了大量的...

    初试jQuery EasyUI 使用介绍

    标题《初试jQuery EasyUI 使用介绍》和描述部分提到的内容,主要涉及以下知识点: 1. jQuery EasyUI介绍:jQuery EasyUI是一个基于jQuery的UI库,它提供了一系列的插件,使得开发者能够快速构建具有丰富功能和美观...

    jquery-easyui 最新中文api

    **jQuery EasyUI 中文API详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个框架的核心理念是简化网页开发,通过简单的HTML标记和JavaScript...

    easyui1.7中文api

    EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建用户界面。它的1.7版本中文API提供了全面的文档和示例,帮助开发者快速理解和应用EasyUI的各种组件和功能。以下是对EasyUI 1.7中文API的详细解读: 1. **...

Global site tag (gtag.js) - Google Analytics