Guriddo » Topic: Why the values in rowObject passed in the formatter callback are formatted?

Why the values in rowObject passed in the formatter callback are formatted?

Guriddo
Why the values in rowObject passed in the formatter callback are formatted?

This topic has 0 replies, 1 voice, and was last updated 14 years, 8 months ago by seanla.

Creator

Topic

December 5, 2011 at 4:55 am #79357

seanla

Participant

This is my grid setting:

<div class="sfcode">$(&#39;#shengxiao_year_detail_tbl&#39;).jqGrid({<br />
url: &#39;admin/year_list?t=year&#39;,<br />
datatype: &#39;json&#39;,<br />
mtype: &#39;GET&#39;,<br />
colNames: [&#39;åºåˆ—å·&#39;,&#39;å¹´ä»½ï¼ˆç”Ÿè‚–ï¼‰&#39;, &#39;åˆ†ç±»åç§°&#39;, &#39;æ€§åˆ«&#39;, &#39;æè¿°&#39;],<br />
colModel: [<br />
{name: &#39;id&#39;, index: &#39;id&#39;, align: &#39;center&#39;},<br />
{name: &#39;shengxiao_year_id&#39;, index: &#39;shengxiao_year_id&#39;, align: &#39;center&#39;, editable:true, edittype:&#39;select&#39;, editoptions: {dataUrl: &#39;select/get_opt_data?entity=shengxiao_year&#39;}, formatter: &#39;yearShengxiaoIdFmatter&#39;},<br />
{name: &#39;category_id&#39;, index: &#39;category_id&#39;, align: &#39;right&#39;, editable:true, edittype:&#39;select&#39;, editoptions: {dataUrl: &#39;select/get_opt_data?entity=category&#39;}, formatter: &#39;categoryFmatter&#39;},<br />
{name: &#39;sex&#39;, index: &#39;sex&#39;, align: &#39;right&#39;, editable:true, edittype:&#39;select&#39;, editoptions: {dataUrl: &#39;select/get_opt_data?entity=sex&#39;}, formatter: &#39;sexFmatter&#39;},<br />
{name: &#39;description&#39;, index: &#39;description&#39;, sortable: false, align: &#39;right&#39;,editable:true, edittype:&#39;textarea&#39;, editoptions: {rows: &#39;20&#39;, cols: &#39;80&#39;}}<br />
],<br />
pager: &#39;#shengxiao_year_detail_tbl_navigator&#39;,<br />
//rowNum: 10,<br />
rowList: [], // disable page size dropdown<br />
pgbuttons: false, // disable page control like next, back button<br />
pgtext: null, // disable pager text like &#39;Page 0 of 10&#39;<br />
viewrecords: false,  // disable current view record text like &#39;View 1-10 of 100&#39;<br />
sortname: &#39;id&#39;,<br />
sortorder: &#39;asc&#39;,<br />
gridview: true,<br />
jsonReader: {<br />
root: &#39;rows&#39;,<br />
repeatitems : false,<br />
id: &#39;0&#39;<br />
},<br />
caption: &#39;å¹´è¿ç¨‹åˆ—è¡¨&#39;,<br />
editurl: &#39;admin/year_edit?t=year&#39;<br />
}).navGrid(&#39;#shengxiao_year_detail_tbl_navigator&#39;, {view: true, del: true},<br />
{<br />
width: 600,<br />
closeAfterEdit: true,<br />
reloadAfterSubmit: false,<br />
afterSubmit: handleJSONResponseAfterSubmit<br />
}, //edit options<br />
{<br />
width: 600,<br />
reloadAfterSubmit: false,<br />
afterSubmit: handleJSONResponseAfterSubmit<br />
}, //add options<br />
{<br />
width: 600<br />
}, //del options<br />
{multipleSearch: false},<br />
{closeOnEscape: true}<br />
);</div>

<div class="sfcode">$('#shengxiao_year_detail_tbl').jqGrid({

url: 'admin/year_list?t=year',

datatype: 'json',

mtype: 'GET',

colNames: ['åºåˆ—å·','å¹´ä»½ï¼ˆç”Ÿè‚–ï¼‰', 'åˆ†ç±»åç§°', 'æ€§åˆ«', 'æè¿°'],

colModel: [

{name: 'id', index: 'id', align: 'center'},

{name: 'shengxiao_year_id', index: 'shengxiao_year_id', align: 'center', editable:true, edittype:'select', editoptions: {dataUrl: 'select/get_opt_data?entity=shengxiao_year'}, formatter: 'yearShengxiaoIdFmatter'},

{name: 'category_id', index: 'category_id', align: 'right', editable:true, edittype:'select', editoptions: {dataUrl: 'select/get_opt_data?entity=category'}, formatter: 'categoryFmatter'},

{name: 'sex', index: 'sex', align: 'right', editable:true, edittype:'select', editoptions: {dataUrl: 'select/get_opt_data?entity=sex'}, formatter: 'sexFmatter'},

{name: 'description', index: 'description', sortable: false, align: 'right',editable:true, edittype:'textarea', editoptions: {rows: '20', cols: '80'}}

],

pager: '#shengxiao_year_detail_tbl_navigator',

//rowNum: 10,

rowList: [], // disable page size dropdown

pgbuttons: false, // disable page control like next, back button

pgtext: null, // disable pager text like 'Page 0 of 10'

viewrecords: false, // disable current view record text like 'View 1-10 of 100'

sortname: 'id',

sortorder: 'asc',

gridview: true,

jsonReader: {

root: 'rows',

repeatitems : false,

id: '0'

},

caption: 'å¹´è¿ç¨‹åˆ—è¡¨',

editurl: 'admin/year_edit?t=year'

}).navGrid('#shengxiao_year_detail_tbl_navigator', {view: true, del: true},

{

width: 600,

closeAfterEdit: true,

reloadAfterSubmit: false,

afterSubmit: handleJSONResponseAfterSubmit

}, //edit options

{

width: 600,

reloadAfterSubmit: false,

afterSubmit: handleJSONResponseAfterSubmit

}, //add options

{

width: 600

}, //del options

{multipleSearch: false},

{closeOnEscape: true}

);</div>

And following is the formatter &#038; unformatter:

1	And following is the formatter & unformatter:

<div class="sfcode"><pre><div class="sfcode">$.extend($.fn.fmatter, {<br />
//options:<br />
<br /><br />
sexFmatter: function(cellvalue, options, rowdata){<br />
return &#39;<div name="&#39;+cellvalue+&#39;">&#39;+ sex_array[cellvalue] +&#39;</div>&#39;;<br />
}<br />
</div>

<div class="sfcode"><pre><div class="sfcode">$.extend($.fn.fmatter, {

//options:

sexFmatter: function(cellvalue, options, rowdata){

return '<div name="'+cellvalue+'">'+ sex_array[cellvalue] +'</div>';

}

</div>

});

<div class="sfcode">$.extend($.fn.fmatter.sexFmatter, {<br />
unformat : function(cellvalue, options, cell){<br />
return $(&#39;div&#39;, cell).attr(&#39;name&#39;);<br />
}<br />
</div>

<div class="sfcode">$.extend($.fn.fmatter.sexFmatter, {

unformat : function(cellvalue, options, cell){

return $('div', cell).attr('name');

}

</div>

});

After selecting one row in grid, and then click the edit button. The sex formater will be

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

Why the values in rowObject passed in the formatter callback are formatted?

Search Forum

Recent Replies

Forum Statistics

UserOnline