jquery - Created a Function for a selected row in a grid -


my grid bined ajax call, when select row edit there field named "device_type",i want send value of selected row device type using ajax fill dropdown list in pop editor,how can write function that?

  $("#turbingrid").kendogrid({                         //   debugger;                          datasource: datasource,                         scrollable: false,                                                   columns: [                                  { field: 'deviceip', title: 'deviceip', width: '100px', id: 'deviceip' },                                  { field: 'producer', title: 'producer', width: '80px', editor: productnamedropdowneditor, },                                  { field: 'model', title: 'model', width: '220px' },                                  { field: 'devicetype', title: 'devicetype', width: '100px',editor: devicetypeslist  },                                  { field: 'description', title: 'description', width: '220px' },                                  { field: 'username', title: 'username', width: '120px' },                                  { field: 'password', title: 'password', width: '100px' },                                  { field: 'publicip', title: 'publicip', width: '120px' },                                  { field: 'device_id', title: 'device_id', width: '120px',hidden:true },                                  { command: ["edit"], title: " " }],                         editable: "popup",                         //edit:                         //    function () {                         //        document.getelementsbyname("deviceip")[0].disabled = true;                          //    },                              edit: function(e) {                                 e.container.find("label[for='device_id']").parent().hide();                                 e.container.find("div[data-container-for='device_id']").hide();                             }                                                                                                       });

if you're providing ability select single row, function below return array of columns , assigned values.

$("#turbingrid").click(function(){         var grid = $("#grid").data("kendogrid");          var selecteditem = grid .datasource._data         console.log(selecteditem);   });

see dojo working example of implementation... http://dojo.telerik.com/eperoq

edit (to accommodate question):

function select(e){    var selected = $.map(this.select(), function(item) {       return $(item);    });     console.log(selected) }

your grid creation should this

$("#turbingrid").kendogrid({                         //   debugger;                          datasource: datasource,                         scrollable: false,                                                   columns: [                                  { field: 'deviceip', title: 'deviceip', width: '100px', id: 'deviceip' },                                  { field: 'producer', title: 'producer', width: '80px', editor: productnamedropdowneditor, },                                  { field: 'model', title: 'model', width: '220px' },                                  { field: 'devicetype', title: 'devicetype', width: '100px',editor: devicetypeslist  },                                  { field: 'description', title: 'description', width: '220px' },                                  { field: 'username', title: 'username', width: '120px' },                                  { field: 'password', title: 'password', width: '100px' },                                  { field: 'publicip', title: 'publicip', width: '120px' },                                  { field: 'device_id', title: 'device_id', width: '120px',hidden:true },                                  { command: ["edit"], title: " " }],                         editable: "popup",                         selectable : true,                         change : select,                         //edit:                         //    function () {                         //        document.getelementsbyname("deviceip")[0].disabled = true;                          //    },                              edit: function(e) {                                 e.container.find("label[for='device_id']").parent().hide();                                 e.container.find("div[data-container-for='device_id']").hide();                             }                                                                                                       });

edit 2: looked around demos too, see dojo modified might idea of how implement event. make sure open developer tools see console.log http://dojo.telerik.com/osihu


Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

transpose - Maple isnt executing function but prints function term -

im using maple im in worksheetmode tried using maple input , 2d input , want transpose matrix a: := `<|>`(`<,>`(1, .5, -2), `<,>`(.5, 9/4+b, 5+3*b), `<,>`(-2, 5+3*b, 18+9*b+4*a)); b:= transpose(a); when exectute sheet dont translated values, there same input. matrix looks same input matrix plus function term. you can see picture in following link: why arent functions executed? meanwhile b:=a^+ doing right way , transposed matrix. other functions return function body instead needed values... if using 2d input mode (the default) space you've got between transpose , bracketed (b) interpreted multiplcation. rid of such space. also, either load package @ start of document like, with(linearalgebra): before calling transpose command package, or call it's full name like, linearalgebra:-transpose(b);
Read more