1 / 11

Using jqGrid

Using jqGrid. For Rich Web Client App Development Ben Karsin Jesse Elfalan Michael Hodges. JqGrid Introduction. jQuery-UI Grid widget (Javascript) Easily integrates with Grails, PHP, ASP, etc. Lots of options! In-line editing, search/sort, paging, etc. Handles all ajax calls

aulii
Download Presentation

Using jqGrid

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Using jqGrid For Rich Web Client App Development Ben Karsin Jesse Elfalan Michael Hodges

  2. JqGrid Introduction jQuery-UI Grid widget (Javascript) Easily integrates with Grails, PHP, ASP, etc. Lots of options! In-line editing, search/sort, paging, etc. Handles all ajax calls Local data or remote (with ajax/JSON) Rich development community Spreadsheet-centric...

  3. Why jqGrid? Relational back-end database Eliminate redundant data ACID (Atomicity, Consistency, Isolation, Durability) etc, etc, etc... With spreadsheet benefits Very intuitive, simple interface Great breadth and depth Merge easily and in complex ways Pull data from related tables

  4. Demo of jqGrid in DCmd

  5. Communication Cycle View (web page) jqGrid AJAX JSON converter Search/Sort Filters, Paging, Business rules Controller Hibernate Model (Database)

  6. Search, Sort, Page Hibernate “createCriteria” Conditional query → Search/Sort maxRows & offset → Paging Some complex joins are difficult e.g., Application Primary SA for a Host (5-table join) jqGrid collects & sends everything AJAX Easy to extend in many ways...

  7. Editing Options Inline Editing Most interactive More prone to mistakes Form Editing jQuery modal popup with all fields Safer solution Row Editing A happy medium

  8. Select2 Dropdowns Substring Search, Option Add, etc.

  9. Example jqGrid definition

  10. Example jqGrid options Controller Actions Fit to browserPaging options Remote/Local data Many more...

  11. Conclusions jqGrid fits well into MVC Easy way to interact with relational DB With framework, can produce quickly Highly customizable Works well with others (e.g., select2) Not just for Grails (PHP, ASP, etc.) DCmd relies heavily on jqGrid

More Related