Slick Grid Extentions

October 24, 2011 By In SlickGrid No Comment

Every consulting shop needs a good, reliable grid. Grids are the swiss army knife of UI design. Sure, in many scenarios you need a sharper, simpler, or more dedicated tool but a grid’s ubiquitos familiarity makes a good one indispensable for presenting and editing many types of data.  This is why companies such as Microsoft spend so much effort on publishing grid controls and why libraries like jQuery offer so many grid plugins.

Surge too has invested a significant amount of time in finding the right grid for our needs.  Following the Surge philosophy of reusing open source components where possible, we have settled on the incredibly versitile SlickGrid maintained by Michael Leibman. This grid is especially impressive for its preformance and editing capabilities, for providing near-infinite row support with minimal memory usage, and for an extensible mechanism for cell-editing.

Of course everything is rarely perfect. One unfortunate disadvantage of the SlickGrid is that it uses an OO-style API that is unfamiliar to people accostumed to interacting with jquery widgets in the UI; another, is that it is relatively limited in out-of-the-box editing features. Both are issues Surge has addressed with the MIT licensed  Surge SlickGrid Extensions. These include a jQuery Ui widget which wraps the SlickGrid and allows simple declarative mark-up to define the grid, a standard set of useful editors that are not readily available in the regular SlickGrid, and a suite of other features.

Visit GitHub for full documentation

Note that the original SlickGrid project has recently moved its trunk to version 2. As this move contains many significant changes Surge SlickGrid Extensions officially supports only version 1.4.3. An effort has been made for the widget to work with v2 and the core features have no major issues, however use at your own risk as it is less tested and will on occasion result in surprising behavior.

The following series of articles will act as a tutorial for including and using the surge SlickGrid in your web application.

  1. Getting and installing SlickGrid and Surge SlickGrid Extensions.
  2. Getting a Simple Grid Showing With the SlickGrid Widget
  3. Declarative Syntax for SlickGrid Columns
  4. Surge.SlickGrid Additional Options
  5. Interacting With SickGrid – Editors and Events
  6. Surge SlickGrid Standard Formatters and Editors
  7. Applying Client-Side Filters To Surge SlickGrid
  8. Dead Simple Bottomless Scrolling with The Surge JSONDataSource
  9. Autoheight With No Vertical Scrolling
  10. SlickGrid in jQuery Ui Dialogs

See the demo site for the capabilities provided by Surge SlickGrid Extensions

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Want to learn more about how Surge can help you bring your software product idea to life? Contact us, or submit a quote request today and we will get back in touch with you immediately.

Tags :

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>