html - jqGrid and JQuery UI tabs showing grids expanded only on primary tab (div) -


I have a jQuery Add a grid (Jekgreed) in UI tab objects are extended to all grid I tabs Children default , Are fully displayed. But the tabs on the grid on children who are not extended by default, permanently shows jqGrid small (jqgrid with autocity = true) any ideas?

Thank you!

See

on other words ...

I have two tabs on one page, on which jqgrids each one. Is

Set both jqgrids Otovothth property, the problem occurs when the page load is adjusted before the grid size of the container, but when I click on another tab, I adjust the second grid size Container is not doing.

How are you starting jqGrids on other tabs? For example: you should start them when using the show event, for example:

  jQuery (document) .ready (function () {var initialized = [False, false]; jquery ('# tab'). Tab ({show: function (event, UI) {if (ui.index == 0 & amp;; initialized [0]) {// on another tab grid start page here ... jQuery (NOMBRE_GRID) .jqGrid ({url: '/ Idiomas / DatosGrid /', datatype 'Jason', Maitip: 'GET', height: 'Auto', Maltiselekt: really, really Otovothः , CallName: ['id', 'nombre'], colomodel: [{name: 'id_id Iaioma 'Index' Aidi_aidiaioma ', width: 100, align: Left, Formetr' Solink 'format option: {baseLinkUrl:' / Idiomas / ', Akshna' Aditeshn, Adpram: ''}}, {name: "Nanbre 'Index' Nanbre ', width: 100, align' left '}], pager: jQuery (Anombiiaraaaraapiajiansiaans), line Nome: Tamnopjina, Panktigt: [5, 10, 15, 20] Sort name: 'Nmbere "alternate" ACC ", Wurekords truth, caption:" Idiomas "}). Nevigrid (NOMBRE_AREA_PAGINACION, {edit: Wrong, add: wrong, del: false, refresh: false, search: wrong}); }); } Else if (ui.index == 1 & Initialized [1]) {// Start the grid on the second tab page ... jQuery (NOMBRE_GRID_SELECCIONADOS) .jqGrid ({url: '/ Idiomas / DatosGrid / '[' Id ',' nombre '], Kolmelodel: [{name:' ID_IDIOoma ',' index ',' jesen ', mtpe:' get ', height:' auto ', multiplexing: true, automation: true name, call name: : 'Id_idioma', width: 100, align: 'left', format: 'sholink', format option: {baseLinkUrl: '/ Idiomas /', show action: 'edit', addParam: ''}}, { Name: 'nombre', index: 'nombre', width: 100, align: 'left'}], sort Program: "Nombre", Sortarder: "ACC" View Records: True, the caption: "Idiomas"}); Start [ui.index] = true; });  

If you are doing this approach, then you need to take care even when each grid starts, so that you do not try to make it a second time when the user clicks on another tab. Please. Click back to the previous one.


Comments

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

php - multilevel menu with multilevel array -

jQuery UI: Datepicker month format -