Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
wiki:custom_formatter [2009/10/18 09:50] tony |
wiki:custom_formatter [2011/09/17 13:49] artemeey |
||
|---|---|---|---|
| Line 59: | Line 59: | ||
| ... | ... | ||
| }); | }); | ||
| - | function myunformatfunc ( cellvalue, options) | + | |
| - | { | + | |
| - | // do something here | + | Image: |
| - | return unformated_value; | + | |
| - | } | + | <code javascript> |
| + | <script> | ||
| + | jQuery("#grid_id").jqGrid({ | ||
| + | ... | ||
| + | colModel: [ | ||
| + | ... | ||
| + | {name:'price', index:'price', width:60, align:"center", editable: true, formatter:imageFormat, unformat:imageUnFormat}, | ||
| + | ... | ||
| + | ] | ||
| + | ... | ||
| + | }); | ||
| + | |||
| + | function imageFormat( cellvalue, options, rowObject ){ | ||
| + | return '<img src="'+cellvalue+'" />'; | ||
| + | } | ||
| + | function imageUnFormat( cellvalue, options, cell){ | ||
| + | return $('img', cell).attr('src'); | ||
| + | } | ||
| </script> | </script> | ||
| </code> | </code> | ||
| To the custom unformat function are passed the following parameters: | To the custom unformat function are passed the following parameters: | ||
| - | * cellvalue - is the value to be unformated. | + | * cellvalue - is the value to be unformated (pure text). |
| * options - is an object containing the following element | * options - is an object containing the following element | ||
| * options : { rowId: rid, colModel: cm} where rowId - is the id of the row colModel is the object of the properties for this column getted from colModel array of jqGrid | * options : { rowId: rid, colModel: cm} where rowId - is the id of the row colModel is the object of the properties for this column getted from colModel array of jqGrid | ||
| + | * cellobject - is a jQuery cell object. This object can be used to obtain different things from the cell element - by example jQuery(cellobject).html() can be used to get the html content instead of the text. | ||
| ===== Example ===== | ===== Example ===== | ||
| Line 133: | Line 151: | ||
| colModel: [ | colModel: [ | ||
| ... | ... | ||
| - | {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter}, | + | {name:'price', index:'price', width:60, align:"center", editable: true, formatter:'currencyFmatter'}, |
| ... | ... | ||
| ] | ] | ||
| Line 139: | Line 157: | ||
| }); | }); | ||
| </code> | </code> | ||
| - | Note that in this case you will not to specify the unformat function. | + | Note that in this case you will not need to specify the unformat function. |
