Introduction into Struts2 jQuery Grid Tags
5 likes14,141 views
This document provides an introduction and overview of how to implement the Struts2 jQuery Grid plugin. It describes the core dependencies, architecture including the grid action, JSON action and grid configuration in JSP. It also provides resources for using the plugin and getting help.
Introduction into Struts2 jQuery Grid Tags
- 1. Introduction into Struts2 jQuery Grid Tags 2011 by Johannes Geppert (http://www.jgeppert.com)
- 2. Dependencies Struts2 Core and Dependencies
- 5. Struts2 jQuery Grid Plugin
- 6. Architecture
- 7. Grid Action A simple Action that redirect to the grid.jsp <struts> <package name="gridexample" namespace="/" extends="struts-default,json-default"> <action name="grid" class="com.jgeppert.grid.example.Grid"> <result>/pages/grid.jsp</result> </action> </package> </struts> package com.jgeppert.grid.example; @ParentPackage(value = "gridexample") public class GridAction extends ActionSupport { @Action(value = "/grid", results = { @Result(location = "/pages/grid.jsp", name = "success") }) public String execute() throws Exception { .. } } XML Configuration Annotation based Configuration
- 8. Configure your Grid in grid.jsp Which Grid caption?
- 9. Do you need a Pager or Navigator?
- 10. How many Rows should be displayed?
- 11. How is the URL to your JSON Action and which is the Name of your gridModel Attribute? <sjg:grid id="customerstable" caption="Customers (Editable/Multiselect)" pager="true" navigator="true" gridModel="gridModel" rowList="10,15,20" rowNum="15" editurl="%{editurl}" multiselect="true" viewrecords="true" > <sjg:gridColumn … /> </sjg:grid>
- 12. Configure your Grid Columns in grid.jsp Is Column editable?
- 13. Are there Edit Rules?
- 14. Is Column searchable or sortable?
- 15. Which formatter (date, currency, custum, …) <sjg:gridColumn name="creditlimit" index="creditlimit" title="Credit Limit" align="right" editable="true" editrules="{ number: true, required: true, minValue : 100.0, maxValue : 1000000.0 }" formatter="currency" sortable="true" search="true" searchoptions="{sopt:['eq','ne','lt','gt']}" />
- 16. JSON Action The JSON Action is your data provider
- 17. Implement Logic for sorting and search data here <struts> <package name="gridexample" namespace="/" extends="struts-default,json-default"> <action name="grid" class="com.jgeppert.grid.example.Grid"> <result>/pages/grid.jsp</result> </action> <action name="json-table" class="com.jgeppert.grid.example. JsonTable "> <result name=”success” type=”json” /> </action> </package> </struts> package com.jgeppert.grid.example; @ParentPackage(value = "gridexample") @Result(type = "json") public class JsonTable extends ActionSupport { private List<Customers> gridModel; public String getJSON() { return execute(); } public String execute() throws Exception { gridModel = customersDao.find() } public List<Customers> getGridModel() { return gridModel; } } XML Configuration Annotation based Configuration
- 18. Resources Google (struts2 jquery grid) http://www.google.de/search?q=struts2+jquery+grid
- 19. Struts2 jQuery Project https://code.google.com/p/struts2-jquery/
- 21. Struts2 jQuery Showcase http://www.weinfreund.de/struts2-jquery-showcase/index.action
- 22. Struts2 jQuery Grid Showcase
- 24. Problems and Questions -> User Group http://groups.google.com/group/struts2-jquery/
- 25. Bugs and Issues https://code.google.com/p/struts2-jquery/issues/list