文档章节

jQuery EasyUI 利用JavaScript解析后端json

 开源小秦胡
发布于 2016/10/31 14:28
字数 181
阅读 44
收藏 1

如有这样一个json:

    

1 {"goods":[
2         {"id":1,"category":{"id":1,name:"category1"},"name":"NameA","shelfLife":12},
3         {"id":1,"category":{"id":1,name:"category1"},"name":"NameB","shelfLife":12},
4     ]
5 }

 

在页面中,我要在EasyUI的datagrid中显示如下列:

id,category中的name,name

则做如下处理:

    

01 <table id="datagrid" class="easyui-datagrid" width="460px"
02 url="goodsList" title="商品表" auto-resize="true" pagination="true"
03 fitColumns="true">
04     <thead>
05         <tr>
06 <th field="id" checkbox="true"></th>
07 <th field="name">商品名称</th>
08 <th field="category" formatter="formatCategory">商品类别</th>
09 <th field="shelfLife" formatter="formatShelfLife">保质期</th>
10         </tr>
11     </thead>
12 </table>
13  
14 <script>
15     function formatCategory(value){
16         return value.name;
17     };
18    function  formatShelfLife (value){
19         return value + " 月";
20     };
21 </script>

field是传入formatCategory中的value值。

转载过来,以备使用

本文转载自:http://blog.csdn.net/a9529lty/article/details/9469651

粉丝 0
博文 13
码字总数 369
作品 0
海淀
私信 提问
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
2018/06/28
0
0
JQuery 和 Extjs 比较

JQuery 和 Extjs 比较 一、JQuery 和 Extjs 比较 JQuery-EasyUI是仿照Ext做的。 Ext框架是一个整体,面向对象的编程思想,每个控件之间可以相互通讯。JQuery的控件全都是分散的,没有整体性可...

Amamatthew
2014/09/11
119
0
python递归实现Easyui combotree树

原文链接:http://www.huangdc.com/43 自动化发布系统在选择文件时,使用jQuery EasyUI 创建页面 树形菜单(Tree) 及 后端python 递归实现Easyui combotree 树。这里主要分享2点: 1、linux 中...

dchuang
2014/11/19
667
0
jquery easyui 弹出消息框

<html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> <link rel="s......

一念三千
2012/11/01
2.8K
0
jquery jsp 获取被选中的数据中的日期值

$(function(){ $('#xmhk').datagrid({ url:'../json/getCashList.jsp', iconCls:'icon-save', nowrap: false, striped: true, collapsible:true, remoteSort: false, fitColumns: true, sort......

wenwen1
2012/08/27
2.2K
1

没有更多内容

加载失败,请刷新页面

加载更多

centos7上部署dubbo管理控制台dubbo-admin

centos7上部署dubbo管理控制台dubbo-admin 1 准备工作 服务器:系统centos7, 内存4G, 存储60G, ip 192.168.159.128 软件环境: 安装有jdk1.8, 具体安装方式参见《centos7上安装jdk1.8》博...

flygrk
22分钟前
5
0
工作中一些原则体会

尽可能让一切变得简单,用最简单的方式完成工作 能用最少的概念,最精简易懂的概念模型来抽象系统,多一个概念就多一份别人了解系统以及维护系统的复杂度,别人也会质疑多一个概念的意义所在...

小强的进阶之路
25分钟前
5
0
Android -------- kotlin插件神器Json直接生成javaBean

这是一个data class从JSON字符串生成Kotlin 的插件,换句话说,是一个将JSON字符串转换为Kotlin data class(Json到Kotlin)的插件 在使用Kotlin进行开发的时候,我们需要经常对Json数据做解析...

切切歆语
50分钟前
31
0
1、Spring注解开发,第一天

第一天:Spring annotation开发 目录:1、@Configuration与@Bean给容器注册组件 2、@ConponentScan自动扫描注解 一、@Configuration与@Bean给容器注册组件 1、旧版本中创建配置文件和Bean //...

有一个小阿飞
58分钟前
24
0
斯坦福博弈论笔记整理活动的任务已重新划分,望周知

参与方式:https://github.com/apachecn/stanford-game-theory-notes-zh/blob/master/CONTRIBUTING.md 整体进度:https://github.com/apachecn/stanford-game-theory-notes-zh/issues/1 项目......

ApacheCN_飞龙
59分钟前
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部