I'm trying to do the same thing now and my jqGrid code includes:

Adding "showOn" just stops it from working at all.

Thanks

I never could get the datepicker to work using afterEditCell.  However, I did get the functionallity I wanted using beforeShowForm in the navGrid() edit and add sections.

I added the MPSS-Date class to the date form element after your example and used your CSS manipulation of the calendar icon (nice idea, thanks).

I'm not sure this is the best way to get the job done, but it worked.

Thanks again,

DRH

you don't require this.

* the onClose function just resets focus on the input box so that users can hit enter to save and move on.

if you need help let me know

tim said:

I've left the working example up so that others can benefit (includes re-setting the focus).

http://www.blackstag.com/json-example

tim

Tim,

Had a little difficulty finding the example source.  I didn't expect it in something called json.js.    Anyway, the source for the technique can be found in the json.js file using Firebug. 

FWIW – this was copied from Firebug's Net – Response tab (and formatted just a wee bit):

And maybe this from the example HTML

Thanks for sharing the technique. Now, to see if I can get it to work for me …

DRH

I;ve got lot of work to do ...

I have to do something like your grid today at work, but without date button (only date).

If i will do it .. i will try to implement the date button to see if it works.

I will post the code after i will do it.

http://www.blackstag.com/json-example

tim

I hope we can get this to work

tim

i will let you know if i managed to succesfully complete it.

when set showOn in datepicker it does not work. If you remove this option it will work. The problem is that the element is not inserted in the dom and datepicker does not know what to do - ie. where to put a image. Follow the solution of AdytmRO

Regards

Tony

> "Please befor posting this youi chack all the docs and you your code is error free"

I am trying to.

I removed "#list", but I did have it that way once before - and it's worse.

Now without "#list" -  the editbox does not even open.

tim

$('#list',elem).datepicker(
Should be
$(elem).datepicker(...

Please befor posting this youi chack all the docs and you your code is error free
Regards
Tony

Still no image.

tim

....
 width:  400,
 imgpath: 'css/sunny/images', 
 caption: 'My Things!',  <---ERROR HERE
});

Check your code You have at last line

$(document).ready(function(){
    jQuery("#list").jqGrid({
	url: 'tree-json', 
    datatype:'json',
    forceFit:true,
    cellEdit:true,
    cellsubmit:'remote',
    cellurl: 'budget-handler',
    treeGrid: true,
    ExpandColumn:'thing',
    colNames: ["NAMES","DATE"],
    colModel: [{name: 'thing', index: 'thing', width: 220, hidden: false, sortable: false},
               {name: 'myDate', index: 'myDate', width: 120, sortable:true, datefmt:"d/m/Y", editrules:{minValue:0, date:true},
                editable:true, sorttype:"date", editoptions:{size:8, dataInit:function(elem){$('#list',elem).datepicker({dateFormat:'dd/mm/yy', showOn:'button', buttonImage:'css/images/calendar.gif', buttonImageOnly:true});}}}
              ],
    height: 300,
    width:  400,
    imgpath: 'css/sunny/images', 
    caption: 'My Things!', <---- ERROR
   });
});

$(document).ready(function(){
    jQuery("#list").jqGrid({
	url: 'tree-json', 
    datatype:'json',
    forceFit:true,
    cellEdit:true,
    cellsubmit:'remote',
    cellurl: 'budget-handler',
    treeGrid: true,
    ExpandColumn:'thing',
    colNames: ["NAMES","DATE"],
    colModel: [{name: 'thing', index: 'thing', width: 220, hidden: false, sortable: false},
               {name: 'myDate', index: 'myDate', width: 120, sortable:true, datefmt:"d/m/Y", editrules:{minValue:0, date:true},
                editable:true, sorttype:"date", editoptions:{size:8, dataInit:function(elem){$('#list',elem).datepicker({dateFormat:'dd/mm/yy', showOn:'button', buttonImage:'css/images/calendar.gif', buttonImageOnly:true});}}}
              ],
    height: 300,
    width:  400,
    imgpath: 'css/sunny/images', 
    caption: 'My Things!', <-------------- ERROR HERE
   });

});

http://www.blackstag.com/example.html

The only thing different is JqGrid, so It must be a problem with jqGrid.

Tony ? Any ideas ?

thanks,

tim

Thanks,

tim