datepicker UX

[RedBully]

http://paramquery.com/pro/demos - Inline editing - editors & validation (for example, which I have working locally).

If I click in an orderdate cell and select a new date the cell content is updated fine but the UX isn't great / as per http://jqueryui.com/datepicker as the datepicker pops up again rather than remaining hidden.

Suggestions as to how this better (?) UX could be realised in the context of the grid welcome.

Thanks.

[paramvir]

remove these lines

Code: [Select]

onClose: function () {
                $inp.focus();
            }

and the datepicker won't pop up again after selection of a date.

[RedBully]

Getting there. The DatePicker is closing and I have also worked out how to call my cell centric save function which fires off the changed value and its key back to the server/ database. BUT it is using the old value - the grid cell is still in edit mode and hasn't save the value to its local model so can I cancel out of that in the onClose event as well/ save to local model? Or perhaps the way round is to change my save trigger event. Currently this is

    editModel:
        {
            clicksToEdit: 1,
            saveKey: '13'
        }

But I want the save (to local model) to happen as soon as I click in another cell in the grid/ close a datetime picker dialog, etc.

Hope that is clear.

While here as well, another scenario you may have encountered. I have time and datetime datatypes as well as date I want to deal with - I tried http://trentrichardson.com/examples/timepicker/ but these don't fire onClose, so have you used any better timepickers that better follow the jQuery datepicker pattern?

Ta.

[RedBully]

Making some progress with ...

$(context).pqGrid("saveEditCell");
$(context).pqGrid("quitEditMode");

[paramvir]

you could call 'saveEditCell' in 'onSelect' callback of datepicker.

http://api.jqueryui.com/datepicker/#option-onSelect

I'm looking into the timepicker.

[paramvir]

There is onSelect option in timepicker so you can use this option for both change in date and time.