jQuery Templates are now part of the jQuery project

[Infragistics] Murtaza Abdeali / Monday, October 04, 2010

Today Microsoft & jQuery announced the news that we all have been waiting for, jQuery template is now an official plug-in within the jQuery project. In addition, the next major release of jQuery (version 1.5) will include the templating engine as part of the jQuery core framework. This is very exciting news for Infragistics as well, as our Engineers have worked extensively with the templating proposal since it was posted on the jQuery project.  Our work with the proposal bits has successfully integrated the templating engine with our Grid & Tree controls. Last month, we shipped these bits as part of our ASP.NET AJAX CTP, which you can learn more about here

There are two major benefits that you get out-of-the-box with the integration of jQuery templates within the Infragistics WebDataGrid & WebDataTree controls. 


  1. You can now use your own WebService as a back-end and bind the controls completely on the client. There is no need to databind on the server because the control can build its entire structure on the client using jQuery templates. 
  2. If you want to just improve the performance of a current application, all you have to do is enable client rendering property on the control, and it would render as a template with no additional HTML mark-up generated from the server. This will tremendously help lower the transfer size from server to client during initial page loads as well as when a control triggers an Ajax callback during load on demand operations. 


In order to test the results, I created a simple test page with client side rendering enabled [this.WebDataGrid1.EnableClientRendering = true;] within the WebDataGrid. Below you can see before and after results in the screen shots. The grid is bound to Invoices view in NorthWind database that has about 2,000 records and the page size of 300 records / page. In both the test runs, the grid was paged to go to pages, 2, 3 & 4. 

Response size without using jQuery templates: 


Response size with using jQuery templates: 

Don’t forget to enable Ajax compression, as this will further compress the Ajax response size to yet lower the size of the bits that transmit through the wire. 

Keep an eye on our website and blogs as there are much more exciting developments we will be sharing with you in the upcoming months and all throughout next year!

If you have any product feedback or suggestions, please send to: murtazaa@infragistics.com