@Kedar a good start is a documentation.

Regards

Tony

I want to pass extra parameters to the server in addition to 'page','rows','sord','sidx'.

Please specify what should I do.

Regards,

Kedar

best regards,

jack

See the problem. I have added a 3 parameter to the unformat function (present in GitHub 3.6 branch)- cellobject, so you can use it in the custom unformat function like this $(cellobject).html() or whatever you want.

Regards

Tony

We have created the formatter so that it can be aesy extended with your own format/unformat function.

We make it so, because it is not possible to meet all user specific requierments.

Also to extend the formatter you just need to do

Note that this formatter can be used everywhere in your code.

Regards

Tony

ret = unformatFunc($(cellval).text(), options);

$(cellval).text()  returns an empty string.  In order for my program to work I'd need  $(cellval).html()

So I guess I'm using formatter/unformat feature  inappropriately.  

Is the best way to display images in a grid (assuming the image url data is editable) to use an extra column to display the image and hide the column that holds the actual URL  ? 

Is there any possibility of changing the code to accommodate image formatting into IMG tags and unformatting for editting? that would be nice - thanks!

  I guess when you restore the SRC files, I plan to setup my development environment as described on the "Installation" page and see if that fixes the problem. 

<script src="jquery.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script src="jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqModal.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="lib/jquery.form.js" type="text/javascript"></script>
<script src="ui/ui.core.js" type="text/javascript"></script>
<script src="ui/effects.core.js" type="text/javascript"></script>
<script src="ui/ui.draggable.js" type="text/javascript"></script>
<script src="ui/ui.resizable.js" type="text/javascript"></script>
<script src="ui/ui.dialog.js" type="text/javascript"></script>
<script src="js/jqDnR.js" type="text/javascript"></script>

<script src="jquery.tablednd_0_5.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script src="jquery.simpleImageCheck-0.1.min.js" type="text/javascript"></script>

 // Format webpage col links functions  
 function plantPicFmatter (cellvalue, options, rowObject) {
  cellvalue = '<img src="' + cellvalue + '" width="100"/>' ;
     return cellvalue;
 }
 function  unformatPic (cellvalue, options)  {

return cellvalue;
 }
 

 var mygrid = $("#list").jqGrid(   {
    url:'../com/jweblists.cfc?method=getMemberList&memberListID=' + listID, //CFC that will return all data for a particular weblist
    datatype: 'json', //We specify that the datatype we will be using will be JSON
    colNames:['ItemID','ListID', 'FDID', 'Botanical Name', 'Common Names', 'Webpage', 'Member Note', 'Image',     'adddate', 'lastupdate', 'Item Title', 'seqnum'], //Column Names
    colModel :[
     {name:'ItemID',index:'listItemID', sorttype:'int', width:30, key:true, editable:true,  editoptions:{disabled:true, size:5, maxlength:5 }},
     {name:'memberListID', index:'memberListID', width:30, hidden:true, editable:true,  editoptions:{size:5, maxlength:5, disabled:true }, editrules:{edithidden:true}},
     {name:'fdid', index:'fdid', sorttype:'int', width:30, search:true, editable:true,  editoptions:{size:5, maxlength:5}, editrules:{edithidden:true, number:true}},
     {name:'fname',index:'fname',  width:100, editable:true, sorttype:'text',editoptions:{size:45, maxlength:100 }}, 
     {name:'commonNameList', index:'commonNameList', sorttype:'text', width:175, editable:true, editoptions:{size:45, maxlength:100 }},            
     {name:'webpage',index:'webpage',  width:30, editable:'true', hidden:true, editrules:{edithidden:true, required:false}, editoptions:{size:15, maxlength:100 } },
           
     {name:'membernote',index:'membernote', sorttype:'text', editable:true, hidden:true, edittype:'textarea', editoptions:{rows:"2",cols:"45", maxlength:2000}, editrules:{edithidden:true, required:false} },
        
     {name:'picpath',index:'picpath',  width:110, search:false, sorttype:"text", editable:true, editoptions:{size:45, maxlength:100}, formatter: plantPicFmatter, unformat: unformatPic },
     
     {name:'addDate',index:'addDate',  hidden:true},
     {name:'lastupdate',index:'lastupdate', hidden:true}, 
     {name:'itemtitle',index:'itemtitle', sorttype:'text',  search:true, width:150, editable:true, editoptions:{size:45, maxlength:100}},           
     {name:'seqnum',index:'seqnum', sorttype:'int', hidden:true}            
    ],              
    pager: $('#pager'),
    toolbar : [true,  'top'],
    rowNum:10, //Number of records we want to show per page
    rowList:[5,10,20,25,50], //Row List, to allow user to select how many rows they want to see per page
    sortorder: 'asc', //Default sort order
    sortname: 'fname', //Default sort column
    viewrecords: true, //Shows the nice message on the pager
    imgpath: '../css/custom-theme/images', //Image path for prev/next etc images
    caption: 'Floridata List item Editor', //Grid Name
    hoverrows: false,
    width: 'auto',
    height:'auto', //I like auto, so there is no blank space between.
    mtype:'POST',
    recordtext:'Total', // The Total Reocrds text comes from here
    // pginput: true,
    editurl: "../com/jweblists.cfc?method=addEditItem", //The Add/Edit function call
    gridComplete: function() {
     jQuery("#list").tableDnDUpdate();
    },
    //Things to do when grid is finished loading
    loadComplete: function() {
     // initialize List Info area
     var recorddata = $("#list").getUserData();
     listInfo = recorddata.LISTREC;
     // init Web List Info View, the form is init when dialog opens
     initListInfoView();
     initCheckImgs();
     initListInfoForm();
      
       },
    //The JSON reader. This defines what the JSON data returned from the CFC should look like
    jsonReader: {
     root: "ROWS", //our data
             page: "PAGE", //current page
             total: "TOTAL", //total pages
            records:"RECORDS", //total records
       repeatitems: true,
     userdata:"USERDATA", //Userdata we will pass back for feedback
     cell: "", //Not Used
     id: "0" 

     }
    });
    
    $("#t_list").height(20).hide().filterGrid("#list",{gridModel:true,gridNames:false,gridToolbar:true});
        
    $("#list").navGrid('#pager', {view:true, search:false}, //options
    {savekey: [true,13], navkeys: [true,38,40], width:450, reloadAfterSubmit:true, jqModal:false, closeAfterEdit:true, closeOnEscape:true, bottominfo:"Fields marked with (*) are required"}, // edit options
    {savekey: [true,13], navkeys: [true,38,40],  width:450, reloadAfterSubmit:true,jqModal:false, closeOnEscape:true, bottominfo:"Fields marked with (*) are required"}, // add options
    {reloadAfterSubmit:true,jqModal:false, closeOnEscape:true, url:'../com/plantbrowser.cfc?method=delplant'}, // del options
    {closeOnEscape:true}, // search options
    {navkeys: [true,38,40], height:350, width:450, jqModal:false,closeOnEscape:true} // view options );
   ).navButtonAdd("#pager",
     {caption:"Search", title:"Toggle Search",
     buttonimg:'../css/smoothness/images/find.gif',
     onClickButton:function(){
      if($("#t_list").css("display")=="none")
       { $("#t_list").css("display",""); }
      else { $("#t_list").css("display","none"); }
      }
   });  // end navButtonAdd

Could you please post the entry jqGrid configuration and all related functions related to this?

Best Regards

Tony

the function is called and returns a value properly but it's not getting cellvalue and options parameters.

thanks!

& thanks for jqgrid - it's wonderful!

Load the language file grid.locale-XX.js before the jqGrid file.

Regards

Tony

i.e. cellvalue is passed as an empty string and options is undefined:

function myunformatfunc ( cellvalue, options)
{
   // do something here
   return unformated_value;
}

(this was working OK a couple of releases back...)