eDataGrid Time (DateTimeBox, TimeSpinner)

[fornax]

Hello,

looks nice, works great and nearly get all Newby-Questions answered in the Forum. Thanks sworthy!

One thing I did not find (using EUI 1.3.4) and missing in eDataGrid is a (dropdown) Time-View: TimeSpinner or DateTimeBox.

Maybe I can stop searching if there is none of these available or solve it in any other way?

Thanks a lot!

[stworthy]

The 'timespinner' and 'datetimebox' editors should be extended before applying them.

[fornax]

Thanks ... May you have an Example for these?
I am not really firm in extending editors 

[finzaiko]

Yes, I try to extend edatagrid editor still not work even the last version :

Code:

$.extend($.fn.edatagrid.defaults.editors,
 { datetimebox: { init: function(container, options) { var input = $('<input type="text" class="easyui-datetimebox">').appendTo(container); return input; }, destroy: function(target) { $(target).remove(); }, getValue: function(target) { return $(target).val(); }, setValue: function(target, value) { $(target).val(value); }, resize: function(target, width) { $(target)._outerWidth(width); } } 

--------
<th field="tanggal" width="150" editor="datetimebox">tanggal</th>

[stworthy]

Try this:

Code:

$.extend($.fn.datagrid.defaults.editors, {
  datetimebox:{
    init:function(container, options){
      var input = $('<input>').appendTo(container);
      input.datetimebox(options);
      return input;
    },
    destroy:function(target){
      $(target).datetimebox('destroy');
    },
    getValue:function(target){
      return $(target).datetimebox('getValue');
    },
    setValue:function(target,value){
      $(target).datetimebox('setValue',String(value));
    },
    resize:function(target,width){
      $(target).datetimebox('resize',width);
    }
  }
})

[finzaiko]

Thanks stworthy, its work.

[fornax]

Jepp! Thanks stworthy!

Finally everything works :-)