`

easyui使用一

 
阅读更多

一.Easyui datagrid加载本地Json数据

  1. 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"}]}' ;  
  2. var data  = $.parseJSON(jsonstr);    
  3. $('#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。

 

四.感谢这篇文章:

 

jquery easyui datagrid 分页 详解



 

 

 

分享到:
评论

相关推荐

    EasyUi使用

    1. **组件库**:EasyUI 提供了多种预定义的 UI 组件,如 `datagrid`(数据表格)、`form`(表单)、`dialog`(对话框)、`menu`(菜单)、`tabs`(标签页)等,这些组件具有良好的交互性和可定制性,可以满足不同...

    Jqueryeasyui使用说明

    资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...

    EasyUI使用的demo

    这个名为"EasyUI使用的demo"的项目是为初学者准备的一个实例,它展示了EasyUI在实际应用中的基本用法,包括系统布局、数据操作以及窗口间通信等多个方面。 1. **整体布局**:EasyUI提供了多种布局模式,如`grid`、`...

    EasyUI使用-中文手册

    1. **EasyUI 的基本概念** EasyUI 提供了一套完整的组件库,包括布局、表格、表单、菜单、对话框等,这些组件都遵循一致的设计风格,使得开发人员可以快速构建符合现代设计标准的用户界面。 2. **安装与引入** 要...

    easyUI时间控件使用

    在本文中,我们将深入探讨如何在EasyUI框架中有效地使用时间控件,以及如何解决时间格式化的问题。EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列丰富的组件,帮助开发者快速构建用户界面。时间控件是...

    easyui tree使用方式

    EasyUI Tree 使用方式详解 EasyUI Tree 是一款功能強大且灵活的树状选择控件,它可以实现多种选择方式,例如多选、checkbox 勾选、新增或删除节点、拖曳移动节点等。以下是 EasyUI Tree 的使用方式详解。 一、套件...

    easyui图标大全

    EasyUI图标大全是一款针对EasyUI框架的图标资源集合,提供了丰富的图标选择,使得开发者在构建基于EasyUI的用户界面时可以更加便捷地定制和美化应用。EasyUI是一个轻量级的JavaScript库,它基于jQuery,专门用于快速...

    easyui使用超级大全

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个框架的主要优点是它的简洁、高效和丰富的组件库,使得网页开发更加便捷。以下是对 EasyUI 中一些核心组件的...

    easyui使用的js文件

    1. **jQuery EasyUI 主要组件** - **dialog**:对话框组件,用于弹出信息或者进行交互操作。 - **datagrid**:数据网格,用于展示结构化的数据,支持排序、分页、过滤等功能。 - **form**:表单组件,可与服务器...

    使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理.zip

    使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理。至于其他的功能都是基础的功能,用来入门。 使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理。至于其他的功能都是基础的功能,用来...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    1. **EasyUI 1.4.4 版本**:这是 EasyUI 的一个稳定版本,发布于2013年左右。虽然现在已经有了更新的版本,但1.4.4仍然广泛应用于许多项目中,因为它具有良好的兼容性和稳定性。在使用时,需要注意的是,较旧的版本...

    easyUI的一个实例,直接导入myeclipse中使用

    1. **EasyUI 组件使用**:实例中可能包含了各种 EasyUI 组件的示例,如数据网格(datagrid)、表单(form)、对话框(dialog)、菜单(menu)等,这些组件的使用方式和配置可以通过查看源代码学习。 2. **CSS 和 ...

    easyui官方离线文档

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个"easyui官方离线文档"包含了丰富的资源,包括demo、源码、演示以及针对现代前端框架如Vue、Angular和React的...

    easyui_demo_DEMO_easyui的一个demo_easyui_

    总的来说,"easyui_demo" 提供了一个了解和学习 EasyUI 的良好平台,对于初学者来说,可以通过分析和修改这些示例,快速掌握 EasyUI 的使用方法,并将其应用到自己的项目中。对于有经验的开发者,这些示例也可以作为...

    EasyUI tutorial 中文版 chm

    使用easyUI创建一个CRUD的应用 使用easyUI创建一个CRUD DataGrid 使用easyUI展开行详细编辑form创建CRUD应用 使用jQuery easyUI 创建一个 RSS Feed阅读器 Drag and Drop easyUI 基础的拖动和放置 使用...

    easyui视频教程(16)

    1. **基础概念**:首先,你会了解到 EasyUI 的核心概念,包括它的设计理念、组件体系和依赖关系。理解这些基础知识对于后续的学习至关重要。 2. **组件使用**:EasyUI 提供了多种组件,如 DataGrid(数据网格)、...

    jQueryEasyUI1.3.6.rar工具包

    jQuery EasyUI 是一款基于 jQuery 的轻量级前端框架,它为开发者提供了丰富的组件和便捷的API,用于快速构建用户界面。1.3.6版本是该框架的一个稳定版本,包含了多个文档和代码资源,便于学习和开发。在这个压缩包中...

    easyui三套精美皮肤

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件和插件,如对话框、表单、菜单、树形结构等,帮助开发者快速构建用户界面。在本压缩包中,包含的是三套精美的 EasyUI 皮肤,这些皮肤可以改变 ...

    EasyUI InsdepTheme EasyUI的皮肤美化 免费版

    EasyUI InsdepTheme是一款基于EasyUI的皮肤美化版本,它为开发者提供了更加美观且自定义的界面风格。EasyUI是一个轻量级的JavaScript框架,主要用于构建Web应用的用户界面,它基于jQuery,提供了丰富的组件和易用的...

    使用easyui表格数据动态生成饼图

    总的来说,"使用easyui表格数据动态生成饼图"是一个涉及前端数据展示和可视化综合能力的项目,它要求开发者熟悉EasyUI和ECharts这两个库,以及基本的JavaScript和JSON处理技能。通过这个过程,开发者不仅可以提升...

Global site tag (gtag.js) - Google Analytics