Populating the Grid From the Web Service - Course Introduction to jQuery UI - Part 23

Duration: 19:46 minutes

Summary: This is the second part of the video where we are trying to load the data in a grid from a web service. In the previous video we saw how to create the service that returned employee records. We tested the service and made sure that the json data returned is valid. Now, we are trying to call that service to load the data into the grid. We start by creating an html page. We do the same steps of creating the jqGrid and setting the properties as we did in previous videos. The difference today is some properties that make the service call work. For example, we need to set the URL to the method in the service. We also need to formulate the json reader properly. We also set the date type to be json and the content type to be json as well and the character set to be utf-8. One important step at the end is making sure that the protocols are set properly in the web config.

Technologies and Resources: jQuery, jqGrid, Visual Studio 2010,Ajax, WebService, asmx, url, datatype, contenttype, colNames, colModel, pager, jsonReader, page, total, records, root.