<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: Subgrid Issues with Firefox</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/subgrid-issues-with-firefox</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/help/subgrid-issues-with-firefox/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>cba_cruz on Subgrid Issues with Firefox</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/subgrid-issues-with-firefox#p21010</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/subgrid-issues-with-firefox#p21010</guid>
        	        	<description><![CDATA[<p>Hi there, im having some problems with Firefox and my grids as  subgrids, i have a master grid with four subgrids. All of them show the  information, and i can use the pager buttons to add, del or modify. The  problem is with the second to fourth subgrid, where the number of total  pages isn&#39;t displayed. If i try it on IE, it works correctly. Chrome has  the same results as in Firefox.</p>
<p>Im using html() for the first subgrid, and append() for the other three. My code is:</p>
<p>&#60;script type="text/javascript"&#62;<br /> jQuery.noConflict();</p>
<p><input type='button' class='sfcodeselect' name='sfselectit1756' value='Select Code' data-codeid='sfcode1756' /></p>
<div class='sfcode' id='sfcode1756'>&#160;&#160; &#160;&#160;&#160;&#160; caption: &#39;Mantenimiento de Ordenes de Trabajo&#39;,<br />&#160;&#160; &#160;&#160;&#160;&#160; subGrid:true,<br />&#160;&#160; &#160;&#160;&#160;&#160; subGridRowExpanded: function(subgrid_id, row_id){<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; &#160;//SUBGRID PARA INFORMACION DE DISE&#209;O<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; &#160;var subgrid_table_id3, pager_id3;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; subgrid_table_id3 = subgrid_id+&#39;a_t&#39;;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; pager_id3 = &#34;p_a&#34;+subgrid_table_id3;<br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160;&#160; jQuery(&#34;#&#34;+subgrid_id).html(&#34;&#60;table  id=&#39;&#34;+subgrid_table_id3+&#34;&#39; class=&#39;scroll&#39;&#62;&#60;/table&#62;&#60;div  id=&#39;&#34;+pager_id3+&#34;&#39; class=&#39;scroll&#39;&#62;&#60;/div&#62;&#60;br&#62;&#34;);<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; jQuery(&#34;#&#34;+subgrid_table_id3).jqGrid({ <br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; url:&#39;&#60;?php echo  JURI::root(true).&#39;/administrator/components/com_marisol/otdiseno_getList.php?id=&#39;;?&#62;&#39;+row_id,  <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; datatype: &#34;xml&#34;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; witdth:&#39;100%&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; height:&#39;100%&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; autowidth:true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; colNames:[&#39;ID&#39;,&#39;Ancho&#39;,&#39;Talle&#39;,&#39;Pecho&#39;,&#39;Cintura&#39;,&#39;Cadera&#39;,&#39;Largo&#39;,&#39;Manga&#39;,&#39;Observaciones&#39;],<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; colModel :[ <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;idot&#39;, index:&#39;idot&#39;, align:&#39;center&#39;, hidden:true, width:30,editable:false,editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;ancho&#39;, index:&#39;ancho&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;talle&#39;, index:&#39;talle&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;pecho&#39;, index:&#39;pecho&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;cintura&#39;, index:&#39;cintura&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;cadera&#39;, index:&#39;cadera&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;largo&#39;, index:&#39;largo&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;manga&#39;, index:&#39;manga&#39;, align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}},<br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;observaciones&#39;, index:&#39;observaciones&#39;,  align:&#39;center&#39;,width:50, editable:false, editoptions:{readonly:true}}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; ],<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; pager: pager_id3,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; rowNum:5,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; rowList:[5,10,15],<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; sortname: &#39;idot&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; sortorder: &#39;asc&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; viewrecords: true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; caption: &#39;Detalle de Diseno: &#39;+row_id,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; editurl: &#39;&#60;?php echo JURI::root(true).&#39;/administrator/components/com_marisol/maestropro_edit.php&#39;;?&#62;&#39;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; });<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;jQuery(&#34;#&#34;+subgrid_table_id3).navGrid(&#34;#&#34;+pager_id3,{add:false, del:false, edit:false, search:false},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{}, // edit options<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{}, // add options <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{}, // del options <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{}, // search options, estaba probando esta opcion, solo das ESC para cerrar la ventana<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{}&#160;&#160; &#160;// view options<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;);<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;<br />&#160;&#160; &#160;&#160;&#160; &#160; &#160;&#160;&#160; &#160;//SUBGRID PARA EMPLEADOS<br />&#160;&#160; &#160;&#160;&#160; &#160; &#160;&#160;&#160; &#160;var subgrid_table_id, pager_id;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; subgrid_table_id = subgrid_id+&#39;_t&#39;;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; pager_id = &#34;p_&#34;+subgrid_table_id;<br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160;&#160; jQuery(&#34;#&#34;+subgrid_id).append(&#34;&#60;table  id=&#39;&#34;+subgrid_table_id+&#34;&#39; class=&#39;scroll&#39;&#62;&#60;/table&#62;&#60;div  id=&#39;&#34;+pager_id+&#34;&#39; class=&#39;scroll&#39;&#62;&#60;/div&#62;&#60;br&#62;&#34;);<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; jQuery(&#34;#&#34;+subgrid_table_id).jqGrid({ <br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; url:&#39;&#60;?php echo  JURI::root(true).&#39;/administrator/components/com_marisol/ordenemp_getList.php?id=&#39;;?&#62;&#39;+row_id,  <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; datatype: &#34;xml&#34;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; witdth:&#39;100%&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; height:&#39;100%&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; autowidth:true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; hiddengrid:true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; colNames:[&#39;ID Orden de Trabajo&#39;, &#39;ID Empleado&#39;, &#39;Empleado&#39;, &#39;Cantidad&#39;],<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; colModel :[ <br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;idot&#39;, index:&#39;idot&#39;, align:&#39;center&#39;, hidden:true,  width:100, editable:true,  editrules:{edithidden:true},editoptions:{readonly:true,  defaultValue:row_id}}, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;idempleado&#39;, index:&#39;idempleado&#39;, hidden:true, key:true, editable:false, editoptions:{readonly:true}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;empleado&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; index:&#39;empleado&#39;, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; align:&#39;center&#39;, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; width:200, <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; editable:true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; editrules:{required:true},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; edittype:&#39;select&#39;, <br />&#160;&#160;  &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editoptions:{size:1, dataUrl:&#39;&#60;?php echo  JURI::root(true).&#34;/administrator/components/com_marisol/empleado_select.php&#34;;?&#62;&#39;},  <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160; formoptions:{elmprefix:&#39;(*)&#39;}},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;  &#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;cantidad&#39;, index:&#39;cantidad&#39;, align:&#39;center&#39;, width:40,  editable:true, editoptions:{size:10}, editrules:{integer:true,  minValue:0},  formoptions:{elmprefix:&#34;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#34;}}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; ],<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; pager: pager_id,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; rowNum:5,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; rowList:[5,10,15],<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; sortname: &#39;idempleado&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; sortorder: &#39;asc&#39;,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; viewrecords: true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; caption: &#39;Detalle de Empleados: &#39;+row_id,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; editurl: &#39;&#60;?php echo JURI::root(true).&#39;/administrator/components/com_marisol/ordenemp_edit.php&#39;;?&#62;&#39;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; });<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;jQuery(&#34;#&#34;+subgrid_table_id).navGrid(&#34;#&#34;+pager_id,{},<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{bottominfo:&#39;(*) Campo Requerido&#39;, width:625, closeOnEscape:true, reloadAfterSubmit:true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;beforeShowForm: function(){<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;jQuery(&#34;#tr_idot&#34;).remove();<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;jQuery(&#34;#tr_empleado&#34;).remove();<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}, editData:{idot:row_id}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}, // edit options<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{bottominfo:&#39;(*) Campo Requerido&#39;, width:625, closeOnEscape:true, reloadAfterSubmit:true, recreateForm:true,<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;beforeShowForm: function(){<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;jQuery(&#34;#tr_idot&#34;).remove();<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}, editData:{idot:row_id}&#160;&#160; &#160;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}, // add options <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{closeOnEscape:true, reloadAfterSubmit:true, delData:{idot:row_id}}, // del options <br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{closeOnEscape:true}, // search options, estaba probando esta opcion, solo das ESC para cerrar la ventana<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;{navkeys: [true,38,40], height:250,jqModal:false,closeOnEscape:true}&#160;&#160; &#160;// view options<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;);&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160;</div></p>
]]></description>
        	        	<pubDate>Fri, 26 Nov 2010 06:29:26 +0200</pubDate>
        </item>
</channel>
</rss>