We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hi Stefano
Query #1: call the web method using POST method?
Based on your requirement, we have created a sample with
virtual scrolling and load on demand feature enabled. The sample can be
downloaded from the below location.
Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/SyncMVC746848833.zip
In the above sample, we have used UrlAdaptor to perform POST
operation to obtain the data from the server and pass it to grid dataSource.
And also, at the server side, using the DataManager class we have
performed “load on demand” by passing only the data corresponding to
that page. Please refer the below code snippet.
|
[CS] public ActionResult Event(DataManager dm)
{ var DataSource = OrderRepository.GetAllRecords();
DataResult
result = new DataResult();
result.result = DataSource.Skip(dm.Skip).Take(dm.Take).ToList();
result.count = DataSource.Count();
return
Json(result, JsonRequestBehavior.AllowGet);
} [JS] <script type="text/javascript">
$(function () {
var data = ej.DataManager({ url: "/Home/Event", adaptor: "UrlAdaptor" });
$("#Grid").ejGrid({
dataSource: data,
allowScrolling: true,
scrollSettings: { width: 0, height:
300, allowVirtualScrolling: true},
. . . . });
}); </script> |
Please refer the below screenshot:
Query #2: send custom data to web method?
We can send a custom data to the web method using the addParams
property of ej.Query(). Please refer the below code snippet
|
<script type="text/javascript">
$(function ()
{ $("#Grid").ejGrid({
. . . . actionBegin:
function
(args) {
args.model.query.addParams("employeeID", 4);
}
});
}); </script> [CS] public ActionResult Event(DataManager dm,int? employeeID)
{ //code for operation using custom data/parameter
} |
Please refer the below screenshot
Query #3: use a jquery ajax queue to perform request?
We need few clarifications from your side on the above
query.
Could you please let us know if, by jquery ajax queue, did
you mean jquery .queue() and .dequeue() or jquery .ajaxq()
Jquery.queue() and dequeue()
It is mainly used for animation purposes. Please refer the
below online link:
http://api.jquery.com/jquery.queue/
jquery .ajaxq()
It is used to run the AJAX requests in a sequential manner.
Please refer the below link:
https://code.google.com/p/jquery-ajaxq/
For your kind information, if you want to perform tasks in
sequential manner, promise.done() can be used. On Performing the executeQuery()
on dataManager, we get the output as promise. On the success/done event of
promise, we can specify the requests that are to be performed sequentially. Please
refer the below code snippet.
|
<script type="text/javascript">
$(function () {
var data
= ej.DataManager({ url: "/Home/Event", adaptor: "UrlAdaptor" });
var query
= ej.Query().addParams("employeeID", 4);
var
promise = data.executeQuery(query);
promise.done(function (e) {
//requests to be performed });
});
}); </script> |
Please get back to us if you need any further assistance.
Regards
Ragavee U S
