javascript - How to refresh right splitter's grid on click of first splitter grid data using kendoUI -


i want refresh right side grid on click of left side grid's particular record, using splitter. using kendo ui. here form code

<div id="vertical_beemmfg"> <div id="horizontal_beemmfg">      <div id="left-pane_beemmfg" >            <div id="enquiry_grid"></div>     </div>      <div id="right-pane_beemmfg">         <div id="view_transaction_record_grid"></div>     </div> </div> 

$("#view_transaction_record_grid").hide();  var splitterv = $("#vertical_beemmfg").kendosplitter({                     orientation: "vertical",                     panes: [                         { collapsible: false },                         { collapsible: false, size: "100px" },                         { collapsible: false, resizable: true, size: "100px" }                     ]                 }); var splitter = $("#horizontal_beemmfg").kendosplitter({     orientation: "horizontal",     panes: [{ collapsible: true, size: "50%" },              { collapsible: true, size: "50%" }] }).data("kendosplitter");  var en_name, datasource_trans;                    $.ajax({             type: "post",             url  : "operation/amount/amount_details_crud.php?type=enq_name",             datatype: "jsonp",             success: function(response1) {                   en_name = response1;             }         }); var invoice_format;                   $.ajax({             type: "post",             url  : "operation/amount/amount_details_crud.php?type=invoice_format_read_name",             datatype: "jsonp",             success: function(response2) {                  invoice_format = response2;             }         });  var crudservicebaseurl = "operation/amount/transaction_record/view_transaction_record_crud.php?type=",     datasource = new kendo.data.datasource({         transport: {                             read: {                 url: crudservicebaseurl + "read",                 datatype: "jsonp"             },             parametermap: function (options, operation) {                 if (operation !== "read" && options.models) {                     return {                         models: kendo.stringify(options.models)                     };                 }             }         },         batch: true,         pagesize: 5,         schema: {                 model: {                     id: "amount_id",                     fields: {                         amount_id: { editable: false, nullable: true },                         enquiry_id: {type: "number", validation: { required: true}},                         project_id: {type: "number",validation: {required: true}},                         enquiry_unique_id: {type: "string",validation: {required: false}},                         project_unique_id: {type: "string",validation: {required: false}},                         invoice_id: {type: "number",validation: {required: false}},                         invoice_format_id: {type: "number",validation: {required: false}},                         job_no: {type: "string",validation: {required: false}},                         total_amount: {type: "string",validation: {required: false}},                         balance_amount: {type: "string",validation: {required: false}},                         completed_status: {type: "string",validation: {required: false}},                         cheque_status: {type: "string",validation: {required: false}},                         amount_in_words: {type: "string",validation: {required: false}}                     }                 }         }     });  $("#enquiry_grid").kendogrid({datasource: datasource,     navigatable: true,     filterable: true,     selectable: "multiple",     change: transaction,     sortable: true,     scrollable: true,     pageable: {         refresh: true,         pagesizes: true     },     resizable: true,     height: 300,     editable: "inline",      columns: [          {              field: "enquiry_id",              title: "enquiry name",              width: 80,             template: "#= enquiry(enquiry_id) #"          }]});  $("#view_transaction_record_grid").kendogrid({ datasource: datasource_trans,     navigatable: true,     filterable: true,     selectable: "multiple",     // change: transaction,     sortable: true,     scrollable: true,     pageable: {         refresh: true,         pagesizes: true     },     resizable: true,     height: 300,     editable: "inline",     columns: [{              field: "enquiry_id",              title: "enquiry name",              width: 80,             template: "#= enquiry(enquiry_id) #"          }]});  function enquiry(enquiry_id) { (var = 0; < en_name.length; i++) {     if (en_name[i].enquiry_id == enquiry_id) {         return en_name[i].enquiry_name;     } }}  function invoice_name(invoice_format_id) { (var = 0; < invoice_format.length; i++) {     if (invoice_format[i].invoice_format_id == invoice_format_id) {         return invoice_format[i].invoice_format_name;     } }}  function transaction(e){ var enquiry_grid_godown =  $("#enquiry_grid").data("kendogrid");       var enquiry_grid_row         =  $(enquiry_grid_godown.element).find("tr.k-state-selected");              if (enquiry_grid_row.length > 0  && enquiry_grid_row.hasclass("k-grid-edit-row") === false ) {       var customer_1  = enquiry_grid_godown.dataitem(enquiry_grid_row);       var enquiry_id = customer_1.enquiry_id;   $.ajax({           type: "post",              url: "operation/amount/transaction_record/view_transaction_record_crud.php?type=transaction_list",                data:'&enquiry_id='+enquiry_id,       datatype: "jsonp",       success: function(response) {               datasource_trans = response;             $("#view_transaction_record_grid").data("kendogrid").datasource.read();                 $("#view_transaction_record_grid").show();       } });}}</script>

problem right side grid not refreshing on click of first grid.

i found answer own, moved second grid on form , make refresh on every click of


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