Guriddo » Topic: rowpos not working correctly

rowpos not working correctly

Guriddo
rowpos not working correctly

This topic has 2 replies, 1 voice, and was last updated 15 years, 4 months ago by nickelj.

Creator

Topic

November 26, 2010 at 3:03 am #77630

nickelj

Participant

Hi,

If I use this colModel code:

…

url: &#39;index.php&#39;,<br />
editurl: &#39;index.php&#39;,<br />
datatype: &#39;json&#39;,<br />
mtype: &#39;GET&#39;,<br />
autoencode: true,<br />
colNames: [&#39;#&#39;, &#39;Author&#39;, &#39;Name&#39;, &#39;Home Phone&#39;, &#39;Attention&#39;, &#39;Address&#39;, &#39;Address2&#39;, &#39;City&#39;, &#39;Prov/State&#39;, &#39;Country&#39;, &#39;Postal Code&#39;, &#39;Office Phone&#39;, &#39;Fax&#39;, &#39;Cell&#39;, &#39;EMail&#39;, &#39;Discount&#39;, &#39;Notes&#39;],<br />
colModel:[<br />
{name:&#39;id&#39;, index:&#39;id&#39;, width:55, sortable:true, formatter:addSpace, unformat:removeSpace, editable:true,  editoptions:{readonly:true}, formoptions:{label:"Cust ID", rowpos:1}},<br />
{name:&#39;author&#39;, index:&#39;author&#39;, width:75, align:&#39;center&#39;, editable:true, edittype:&#39;select&#39;, editoptions:{value:{Y:&#39;Yes&#39;,N:&#39;No&#39;}}, formoptions:{rowpos:2}},<br />
{name:&#39;name&#39;, index:&#39;name&#39;, width:220, searchoptions: {sopt:[&#39;cn&#39;]}, formatter:addSpace, unformat:removeSpace, editable:true, editoptions:{size:40, maxlength:40}, formoptions:{label:"Name", rowpos:3}},<br />
{name:&#39;homephone&#39;, index:&#39;homephone&#39;, width:110, searchoptions: {sopt:[&#39;cn&#39;]}, formatter:addSpace, unformat:removeSpace, editable:true, formoptions:{rowpos:11}},<br />
{name:&#39;address&#39;, index:&#39;address&#39;, width:250, searchoptions: {sopt:[&#39;cn&#39;]}, search:true, hidden:false, formatter:addSpace, unformat:removeSpace, editable:true, editrules:{edithidden:true, required:true}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:5}},<br />
{name:&#39;address2&#39;, index:&#39;address2&#39;, width:130, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:6}},<br />
{name:&#39;attention&#39;, index:&#39;attention&#39;, width:130, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:4}},<br />
{name:&#39;city&#39;, index:&#39;city&#39;, width:130, formatter:addSpace, unformat:removeSpace, editable:true, searchoptions: {sopt:[&#39;cn&#39;]}, formoptions:{rowpos:7}},<br />
{name:&#39;prov&#39;, index:&#39;prov_state&#39;, width:40, editable:true, hidden:true, editrules:{edithidden:true}, formoptions:{rowpos:8, elmsuffix:"&nbsp;&nbsp;<font size=&#39;0px&#39;><a href=&#39;#&#39; class=&#39;ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all&#39; style=&#39;padding:0px;&#39; title=&#39;Province Lookup&#39; onmouseover=&#39;$(this).addClass("ui-state-hover");&#39; onmouseout=&#39;$(this).removeClass("ui-state-hover");&#39; onClick=&#39;ShowBrowse("state_browse", 200, 1230, 362, 323);&#39; rel="nofollow"><span class=&#39;ui-button-icon-primary ui-icon ui-icon-newwin&#39;></span><span class=&#39;ui-button-text&#39;>Province Lookup</span></a></font>"}},<br />
{name:&#39;country&#39;, index:&#39;country&#39;, width:180, editable:true, hidden:true, editrules:{edithidden:true}, formoptions:{rowpos:9, elmsuffix:"&nbsp;&nbsp;<font size=&#39;0px&#39;><a href=&#39;#&#39; class=&#39;ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all&#39; style=&#39;padding:0px;&#39; title=&#39;Country Lookup&#39; onmouseover=&#39;$(this).addClass("ui-state-hover");&#39; onmouseout=&#39;$(this).removeClass("ui-state-hover");&#39; onClick=&#39;ShowBrowse("state_browse", 200, 1230, 372, 330);&#39; rel="nofollow"><span class=&#39;ui-button-icon-primary ui-icon ui-icon-newwin&#39;></span><span class=&#39;ui-button-text&#39;>Country Lookup</span></a></font>"}},<br />
{name:&#39;postal_zip&#39;, index:&#39;postal_zip&#39;, width:130, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:9, maxlength:10}, formoptions:{rowpos:10}},<br />
{name:&#39;officephone&#39;, index:&#39;officephone&#39;, width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:20, maxlength:20}, formoptions:{rowpos:12}},<br />
{name:&#39;fax&#39;, index:&#39;fax&#39;, width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:20, maxlength:20}, formoptions:{rowpos:13}},<br />
{name:&#39;cellphone&#39;, index:&#39;cellphone&#39;, width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:20, maxlength:20}, formoptions:{rowpos:14}},<br />
{name:&#39;email&#39;, index:&#39;email&#39;, width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:15}},<br />
{name:&#39;default_discount&#39;, index:&#39;default_discount&#39;, width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:3, maxlength:3}, formoptions:{rowpos:16}},<br />
{name:&#39;notes&#39;, index:&#39;notes&#39;, width:110, hidden:true, editable:true, edittype:"textarea",unformat:returnVal, editrules:{edithidden:true, required:false}, editoptions:{rows:"10", cols:"40"}, formoptions:{rowpos:17}}<br />
<br />
],<br />
pager: &#39;#customer_livegrid_pager&#39;,<br />
postData: {gridname:&#39;customer_livegrid&#39;},<br />
height: 440,<br />
rowNum: 30,<br />
scroll: 1,<br />
altRows: true,<br />
...

url: 'index.php',

editurl: 'index.php',

datatype: 'json',

mtype: 'GET',

autoencode: true,

colNames: ['#', 'Author', 'Name', 'Home Phone', 'Attention', 'Address', 'Address2', 'City', 'Prov/State', 'Country', 'Postal Code', 'Office Phone', 'Fax', 'Cell', 'EMail', 'Discount', 'Notes'],

colModel:[

{name:'id', index:'id', width:55, sortable:true, formatter:addSpace, unformat:removeSpace, editable:true, editoptions:{readonly:true}, formoptions:{label:"Cust ID", rowpos:1}},

{name:'author', index:'author', width:75, align:'center', editable:true, edittype:'select', editoptions:{value:{Y:'Yes',N:'No'}}, formoptions:{rowpos:2}},

{name:'name', index:'name', width:220, searchoptions: {sopt:['cn']}, formatter:addSpace, unformat:removeSpace, editable:true, editoptions:{size:40, maxlength:40}, formoptions:{label:"Name", rowpos:3}},

{name:'homephone', index:'homephone', width:110, searchoptions: {sopt:['cn']}, formatter:addSpace, unformat:removeSpace, editable:true, formoptions:{rowpos:11}},

{name:'address', index:'address', width:250, searchoptions: {sopt:['cn']}, search:true, hidden:false, formatter:addSpace, unformat:removeSpace, editable:true, editrules:{edithidden:true, required:true}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:5}},

{name:'address2', index:'address2', width:130, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:6}},

{name:'attention', index:'attention', width:130, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:4}},

{name:'city', index:'city', width:130, formatter:addSpace, unformat:removeSpace, editable:true, searchoptions: {sopt:['cn']}, formoptions:{rowpos:7}},

{name:'prov', index:'prov_state', width:40, editable:true, hidden:true, editrules:{edithidden:true}, formoptions:{rowpos:8, elmsuffix:"  <a href='#' class='ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all' style='padding:0px;' title='Province Lookup' onmouseover='$(this).addClass("ui-state-hover");' onmouseout='$(this).removeClass("ui-state-hover");' onClick='ShowBrowse("state_browse", 200, 1230, 362, 323);' rel="nofollow">Province Lookup</a>"}},

{name:'country', index:'country', width:180, editable:true, hidden:true, editrules:{edithidden:true}, formoptions:{rowpos:9, elmsuffix:"  <a href='#' class='ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all' style='padding:0px;' title='Country Lookup' onmouseover='$(this).addClass("ui-state-hover");' onmouseout='$(this).removeClass("ui-state-hover");' onClick='ShowBrowse("state_browse", 200, 1230, 372, 330);' rel="nofollow">Country Lookup</a>"}},

{name:'postal_zip', index:'postal_zip', width:130, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:9, maxlength:10}, formoptions:{rowpos:10}},

{name:'officephone', index:'officephone', width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:20, maxlength:20}, formoptions:{rowpos:12}},

{name:'fax', index:'fax', width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:20, maxlength:20}, formoptions:{rowpos:13}},

{name:'cellphone', index:'cellphone', width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:20, maxlength:20}, formoptions:{rowpos:14}},

{name:'email', index:'email', width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:40, maxlength:40}, formoptions:{rowpos:15}},

{name:'default_discount', index:'default_discount', width:110, hidden:true, editable:true, editrules:{edithidden:true, required:false}, editoptions:{size:3, maxlength:3}, formoptions:{rowpos:16}},

{name:'notes', index:'notes', width:110, hidden:true, editable:true, edittype:"textarea",unformat:returnVal, editrules:{edithidden:true, required:false}, editoptions:{rows:"10", cols:"40"}, formoptions:{rowpos:17}}

],

pager: '#customer_livegrid_pager',

postData: {gridname:'customer_livegrid'},

height: 440,

rowNum: 30,

scroll: 1,

altRows: true,

...

I expected to see the form with the fields in this order:

1	I expected to see the form with the fields in this order:

Cust ID,

Cust ID,

Author,

Author,

Name,

Name,

Attention,

1	Attention,

Address,

Address,

Address2,

Address2,

City,

City,

Prov,

Prov,

etc..

etc..

However, the edit form appears with the fields out of the correct sequence....like this:

1	However, the edit form appears with the fields out of the correct sequence....like this:

<img decoding="async" loading="lazy" src="http://www.digitaldigs.ca/Example.jpg" alt="Edit Form with Fields in wrong order" width="386" height="680" />

1	<img decoding="async" loading="lazy" src="http://www.digitaldigs.ca/Example.jpg" alt="Edit Form with Fields in wrong order" width="386" height="680" />

And if I submit the data, I get this in the _POST vars:

1	And if I submit the data, I get this in the _POST vars:

Creator

Topic

Viewing 2 replies - 1 through 2 (of 2 total)

Author

Replies
December 5, 2010 at 7:00 pm #96828

nickelj
Participant

No answer? No fix?

I have this same problem with several different pages – fields appear in a completely different sequence than what I specify.

Jim

December 5, 2010 at 7:15 pm #96829

nickelj
Participant

In case any one else runs into this, I found my fix.

It wasn't obvious to me, but you have to have the
Author

Replies

Viewing 2 replies - 1 through 2 (of 2 total)

The forum ‘Bugs’ is closed to new topics and replies.

Stay connected with us in your favorite flavor!

rowpos not working correctly

Search Forum

Recent Replies

Forum Statistics

UserOnline