I am very familiar with jQuery AJAX and use it all the time. Kendo UI is built on top of jQuery and its' use of AJAX. Interfacing with & passing parameters to an HttpHandler is easy using jQuery, you simply do the following:USING JQUERY AJAX:
\[code\]$.ajax({ complete: self.onComplete, data: { SiteId: 777 }, // <--- this gets appended to the post dataType: 'json', error: self.onError, success: self.onSuccess, url: self.url});\[/code\]MY ISSUE:
I am trying to find the KendoUI equivolent-call for \[code\]data\[/code\] (above).
\[code\] <script type="text/javascript"> $(document).ready(function () { var dataSource = new kendo.data.DataSource({ transport: { read: { url: "Handlers/Attempt1Synch.ashx", dataType: "json", contentType: "application/json; charset=utf-8", type: "POST", data: { SiteId: 777 } }// parameterMap: function (data, operation) {// return JSON.stringify(data);// } }, schema: { data: "People" } }); $("#grid").kendoGrid({ height: 360, width: 500, dataSource: dataSource, groupable: true, scrollable: true, sortable: true, pageable: true, columns: [{ field: "Id", width: 0 }, { field: "FirstName", width: 90, title: "First Name" }, { field: "LastName", width: 90, title: "Last Name" }, { width: 100, field: "City" }, { field: "Title" }, { field: "BirthDate", title: "Birth Date", template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #' }, { width: 50, field: "Age" }] }); }); </script> <div id="grid"> </div>\[/code\]MY HTTP HANDLER LOOKS LIKE:
\[code\]public class Attempt1Synch : IHttpHandler{ public void ProcessRequest(HttpContext context) { var siteId = Convert.ToInt32(context.Request["SiteId"]); var serializer = new JavaScriptSerializer(); var response = mock(siteId); context.Response.ContentType = "text/json"; context.Response.Write(serializer.Serialize(response)); context.Response.End(); } public bool IsReusable { get { return false; } }}\[/code\]
\[code\]$.ajax({ complete: self.onComplete, data: { SiteId: 777 }, // <--- this gets appended to the post dataType: 'json', error: self.onError, success: self.onSuccess, url: self.url});\[/code\]MY ISSUE:
I am trying to find the KendoUI equivolent-call for \[code\]data\[/code\] (above).
- While the grid DOES populate with data passed back to me from the HttpHandler
- The parameters are not being fed to the HttpHandler (see below)
\[code\] <script type="text/javascript"> $(document).ready(function () { var dataSource = new kendo.data.DataSource({ transport: { read: { url: "Handlers/Attempt1Synch.ashx", dataType: "json", contentType: "application/json; charset=utf-8", type: "POST", data: { SiteId: 777 } }// parameterMap: function (data, operation) {// return JSON.stringify(data);// } }, schema: { data: "People" } }); $("#grid").kendoGrid({ height: 360, width: 500, dataSource: dataSource, groupable: true, scrollable: true, sortable: true, pageable: true, columns: [{ field: "Id", width: 0 }, { field: "FirstName", width: 90, title: "First Name" }, { field: "LastName", width: 90, title: "Last Name" }, { width: 100, field: "City" }, { field: "Title" }, { field: "BirthDate", title: "Birth Date", template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #' }, { width: 50, field: "Age" }] }); }); </script> <div id="grid"> </div>\[/code\]MY HTTP HANDLER LOOKS LIKE:
\[code\]public class Attempt1Synch : IHttpHandler{ public void ProcessRequest(HttpContext context) { var siteId = Convert.ToInt32(context.Request["SiteId"]); var serializer = new JavaScriptSerializer(); var response = mock(siteId); context.Response.ContentType = "text/json"; context.Response.Write(serializer.Serialize(response)); context.Response.End(); } public bool IsReusable { get { return false; } }}\[/code\]