一.Easyui datagrid加载本地Json数据
-
var
jsonstr
=
'{"total":10,"rows":[{"id":0,"password":"password0","type":1,"username":"username0"},{"id":1,"password":"password1","type":1,"username":"username1"},{"id":2,"password":"password2","type":1,"username":"username2"},{"id":3,"password":"password3","type":1,"username":"username3"},{"id":4,"password":"password4","type":1,"username":"username4"},{"id":5,"password":"password5","type":1,"username":"username5"},{"id":6,"password":"password6","type":1,"username":"username6"},{"id":7,"password":"password7","type":1,"username":"username7"},{"id":8,"password":"password8","type":1,"username":"username8"},{"id":9,"password":"password9","type":1,"username":"username9"}]}'
;
-
var data
= $.parseJSON(jsonstr);
-
$('#tt').datagrid('loadData', data); //将数据绑定到datagrid
二.Struts2中json插件配置
1
、更改继承的类,注
json-default
继承自
struts-default
<
package
name
="default"
extends
="json-default">
|
2
、
action
中的配置
<
action
name
="testAction"
class
="com.json.action.TestAction"
>
<
interceptor-ref
name
="json"
/>
<!--
处理以
JSON
文本提交的请求
-->
<
result
type
="json"
/>
<!--
将
action
的
bean
属性以
json
字符串返回浏览器
-->
</
action
>
|
3
、在
<
result
></
result
>
中设置参数
(
1
)
root
参数
:从返回结果中根据
ognl
表达式取出你需要输出的结果
<
result
type
="json">
<
param
name
="root">
person.name
</
param
>
</
result
>
|
(
2
)
excludeNullProperties
参数:表示是否去掉空值,
默认值是
false
,如果设置为
true
会自动将为空的值过滤,只输出不为空的值。
<
result
type
="json">
<
param
name
="excludeNullProperties">
true
</
param
>
</
result
>
|
(
3
)
ignoreHierarchy
参数:表示是否忽略等级,也就是继承关系,比如:
TestAction
继承于
BaseAction
,那么
TestAction
中返回的
json
字符串默认是不会包含父类
BaseAction
的属性值,
ignoreHierarchy
值默认为
true
,设置为
false
后会将父类和子类的属性一起返回。
<
result
type
="json">
<
param
name
="ignoreHierarchy">
false
</
param
>
</
result
>
|
(
4
)
includeProperties
参数:输出结果中需要包含的属性值,这里正则表达式和属性名匹配,可以用
“,”
分割填充多个正则表达式。
<
result
type
="json">
<
param
name
="includeProperties">
person.*, person\.name
</
param
>
</
result
>
|
(
5
)
excludeProperties
参数:输出结果需要剔除的属性值,也支持正则表达式匹配属性名,可以用
“,”
分割填充多个正则表达式,类同
4.4.
<result type="json">
<param name="includeProperties"> person\.name</param>
</result>
|
三.struts2对json的支持所需要的jar包
easyui对数据的操作绝大多数都是基于json的。
使用jar包支持如下:
commons-logging-1.0.4.jar,
freemarker-2.3.8.jar,
ognl-2.6.11.jar,
struts2-core-2.0.11.1.jar,
xwork-2.0.4.jar,
json-lib-2.1.jar,
commons-beanutils-1.8.0.jar,
commons-collections-3.2.1.jar,
commons-lang-2.4.jar,
struts2-json-plugin-2.3.1.jar
ezmorph-1.0.6.jar。
四.感谢这篇文章:
分享到:
相关推荐
1. **组件库**:EasyUI 提供了多种预定义的 UI 组件,如 `datagrid`(数据表格)、`form`(表单)、`dialog`(对话框)、`menu`(菜单)、`tabs`(标签页)等,这些组件具有良好的交互性和可定制性,可以满足不同...
资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...
这个名为"EasyUI使用的demo"的项目是为初学者准备的一个实例,它展示了EasyUI在实际应用中的基本用法,包括系统布局、数据操作以及窗口间通信等多个方面。 1. **整体布局**:EasyUI提供了多种布局模式,如`grid`、`...
1. **EasyUI 的基本概念** EasyUI 提供了一套完整的组件库,包括布局、表格、表单、菜单、对话框等,这些组件都遵循一致的设计风格,使得开发人员可以快速构建符合现代设计标准的用户界面。 2. **安装与引入** 要...
在本文中,我们将深入探讨如何在EasyUI框架中有效地使用时间控件,以及如何解决时间格式化的问题。EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列丰富的组件,帮助开发者快速构建用户界面。时间控件是...
EasyUI Tree 使用方式详解 EasyUI Tree 是一款功能強大且灵活的树状选择控件,它可以实现多种选择方式,例如多选、checkbox 勾选、新增或删除节点、拖曳移动节点等。以下是 EasyUI Tree 的使用方式详解。 一、套件...
EasyUI图标大全是一款针对EasyUI框架的图标资源集合,提供了丰富的图标选择,使得开发者在构建基于EasyUI的用户界面时可以更加便捷地定制和美化应用。EasyUI是一个轻量级的JavaScript库,它基于jQuery,专门用于快速...
EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个框架的主要优点是它的简洁、高效和丰富的组件库,使得网页开发更加便捷。以下是对 EasyUI 中一些核心组件的...
1. **jQuery EasyUI 主要组件** - **dialog**:对话框组件,用于弹出信息或者进行交互操作。 - **datagrid**:数据网格,用于展示结构化的数据,支持排序、分页、过滤等功能。 - **form**:表单组件,可与服务器...
使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理。至于其他的功能都是基础的功能,用来入门。 使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理。至于其他的功能都是基础的功能,用来...
1. **EasyUI 1.4.4 版本**:这是 EasyUI 的一个稳定版本,发布于2013年左右。虽然现在已经有了更新的版本,但1.4.4仍然广泛应用于许多项目中,因为它具有良好的兼容性和稳定性。在使用时,需要注意的是,较旧的版本...
1. **EasyUI 组件使用**:实例中可能包含了各种 EasyUI 组件的示例,如数据网格(datagrid)、表单(form)、对话框(dialog)、菜单(menu)等,这些组件的使用方式和配置可以通过查看源代码学习。 2. **CSS 和 ...
EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个"easyui官方离线文档"包含了丰富的资源,包括demo、源码、演示以及针对现代前端框架如Vue、Angular和React的...
总的来说,"easyui_demo" 提供了一个了解和学习 EasyUI 的良好平台,对于初学者来说,可以通过分析和修改这些示例,快速掌握 EasyUI 的使用方法,并将其应用到自己的项目中。对于有经验的开发者,这些示例也可以作为...
使用easyUI创建一个CRUD的应用 使用easyUI创建一个CRUD DataGrid 使用easyUI展开行详细编辑form创建CRUD应用 使用jQuery easyUI 创建一个 RSS Feed阅读器 Drag and Drop easyUI 基础的拖动和放置 使用...
1. **基础概念**:首先,你会了解到 EasyUI 的核心概念,包括它的设计理念、组件体系和依赖关系。理解这些基础知识对于后续的学习至关重要。 2. **组件使用**:EasyUI 提供了多种组件,如 DataGrid(数据网格)、...
jQuery EasyUI 是一款基于 jQuery 的轻量级前端框架,它为开发者提供了丰富的组件和便捷的API,用于快速构建用户界面。1.3.6版本是该框架的一个稳定版本,包含了多个文档和代码资源,便于学习和开发。在这个压缩包中...
EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件和插件,如对话框、表单、菜单、树形结构等,帮助开发者快速构建用户界面。在本压缩包中,包含的是三套精美的 EasyUI 皮肤,这些皮肤可以改变 ...
EasyUI InsdepTheme是一款基于EasyUI的皮肤美化版本,它为开发者提供了更加美观且自定义的界面风格。EasyUI是一个轻量级的JavaScript框架,主要用于构建Web应用的用户界面,它基于jQuery,提供了丰富的组件和易用的...
总的来说,"使用easyui表格数据动态生成饼图"是一个涉及前端数据展示和可视化综合能力的项目,它要求开发者熟悉EasyUI和ECharts这两个库,以及基本的JavaScript和JSON处理技能。通过这个过程,开发者不仅可以提升...