jquery - How to manually set the page and total results on first load of Kendo UI Grid attached to a remote dataSource (autoBind:false)? -


a similiar question posted on forum here, no answer.
demonstration of problem can seen in fiddle here. notice page 0 , says "no items display" total pages.

for progressive enhancement reasons,
grid loaded existing html table. seo , true advantage of progressive enhancement. however, want kendo grid use ajax reload it's data (for such operations sorting, pagination, etc). on initialization set datasource have remote read url. works great, 1 problem: runs unnecessary ajax call on first load. remember, generated first set of data reading existing html table...

to avoid unnecessary first ajax call, added autobind:false grid initialization. side-effect grid incorrectly says page 0 , total number of pages shows no items display.

what autobind if can't setup these elements on first load programmatically? any ideas on how can suppress first ajax call, , manually set page number , total pages myself on first load?

$("#grid").kendogrid({      sortable: true,      pageable: true,      resizable: true,      selectable: "multiple",      autobind: false,      datasource: {         transport: {             read: {                     type: "get",                     datatype: "json",                     url: "some url here",             }         },         pagesize:40,         serverpaging: true,         serversorting: true,         schema: {                     data: "rows",                    total: function(data){                                return data.total;                           }                 }       }      columns: [{                     field: "id",                              title: "id",                     width:3,                  },{                     field: "name",                        title: "name",                               width:13,                  },{ ...

the total function defined in schema says have field in returned json name total. true? json should like:

{     rows : [         { id: 1, name: "name1" },         { id: 2, name: "name2" },         { id: 3, name: "name3" },         { id: 4, name: "name4" }     ],     total : 4 }

is json looks like?

if not returning json field called total, should define as:

total, function (data) {     return data.length; }

for going specific page in grid , since using autobind: false, should use:

grid.datasource.query({ page: 3, pagesize: 40 });

check running here : http://jsfiddle.net/wnk6d/ see grid not loaded (autobind equals false) , whenever change numerictextbox field, loads page want (not first) , nothing happens until change numeric text box.


Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more