jquery ui - Multiple jQgrids in jQueryui Tabs -

-

i having issue need with. have 3 jqueryui tabs. first holds grid of items. second holds grid of work orders. third fires alert verify show function working. problem have no grid on second tab. first 1 loads fine. if comment out code first tab, second grid shows fine. third tab fires alert every time. have lightbox use edit items on select works fine. here's relevant code:

jquery(document).ready(function () {         $('#tabs').tabs({ show: function(event, ui) {     if(ui.index == 0)     {      jquery("#list1").jqgrid({ ... pager: '#pager1', ... jquery("#list1").jqgrid('navgrid','#pager1',{edit:false,add:false,del:false});          }     else if(ui.index == 1)     {      $("#list").jqgrid({ ... pager: '#pager', .... onselectrow: function(id){    if(id){      alert(id);      onclick=openbox('edit work order', 1);     ...      else if(ui.index == 2)     {      alert('tab2');     } }

i appreciate can give.

probably problem exist because used html code

<div id="tabs-1">    <table id="list1"><tr><td/></tr></table>    <div id="pager1"/> </div> <div id="tabs-2">    <table id="list"><tr><td/></tr></table>    <div id="pager"/> </div> <div id="tabs-3">     <p>bla bla</p> </div>

instead of

<div id="tabs-1">    <table id="list1"><tr><td/></tr></table>    <div id="pager1"></div> </div> <div id="tabs-2">    <table id="list"><tr><td/></tr></table>    <div id="pager"></div> </div> <div id="tabs-3">     <p>bla bla</p> </div>

i modified code little following

jquery(document).ready(function () {     var initgrids= [false,false];     $('#tabs').tabs({         show: function (event, ui) {             if (ui.index === 0 && initgrids[ui.index] === false) {                 jquery("#list1").jqgrid({                     url: 'fillgrid.php',                     datatype: 'json',                     mtype: 'get',                     colnames: ['serial', 'type', 'origin', 'subtype', 'refreshdate'],                     colmodel: [                         { name: 'id', index: 'id', width: 55 },                         { name: 'type', index: 'type', width: 90 },                         { name: 'origin', index: 'origin', width: 80, align: 'right' },                         { name: 'subtype', index: 'subtype', width: 80, align: 'right' },                         { name: 'refreshdate', index: 'refreshdate', width: 80, align: 'right' }                     ],                     pager: '#pager1',                     rownum: 10,                     rowlist: [10, 20, 30],                     sortname: 'id', // not 'serial',                     sortorder: 'desc',                     viewrecords: true,                     caption: 'cpe items',                     width: 950                 });                 jquery("#list1").jqgrid('navgrid', '#pager1', { edit: false, add: false, del: false });                 initgrids[ui.index] = true;             }             else if (ui.index === 1 && initgrids[ui.index] === false) {                 $("#list").jqgrid({                     url: 'fillgridwo.php',                     datatype: 'json',                     mtype: 'get',                     colnames: ['job number', 'date', 'system', 'status', 'technician', 'timeframe'],                     colmodel: [                         { name: 'id', index: 'id', width: 55 },                         { name: 'date', index: 'date', width: 90 },                         { name: 'system', index: 'wsystem', width: 80, align: 'right' },                         { name: 'status', index: 'status', width: 80, align: 'right' },                         { name: 'technician', index: 'wname', width: 80, align: 'right' },                         { name: 'timeframe', index: 'time', width: 80, align: 'right' }                     ],                     pager: '#pager',                     rownum: 10,                     rowlist: [10, 20, 30],                     sortname: 'id', // not 'jobno' or 'job number'                     sortorder: 'desc',                     viewrecords: true,                     caption: 'work orders',                     width: 950,                     onselectrow: function (id) {                         //var d;                         if (id) {                             alert(id);                             //??? onclick = openbox('edit work order', 1);                             //??? d = "jobno=" + id;                             $.ajax({                                 url: 'fillwo.php',                                 type: 'post',                                 datatype: 'json',                                 data: {jobno:id},                                 success: function (data) {                                     var id;                                     (id in data) {                                         if (data.hasownproperty(id)) {                                             $(id).val(data[id]);                                         }                                     }                                 }                             });                             $("button, input:submit").button();                         }                         jquery('#list').editrow(id, true);                     }                 });                 jquery("#list").jqgrid('navgrid', '#pager', { edit: false, add: false, del: false });                 initgrids[ui.index] = true;             }             else if (ui.index === 2) {                 alert('tab2');             }         }     }); });

i included array initgrids used initialize every grid once, commented unclear code onclick = openbox('edit work order', 1); , fixed sortname.

you can see the demo. grid contain not filled, because not have server components on server


Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more