Question

I have a column named event_date. I want to warn the user if he trys to submit the info without filling up the event_date column and prevent further execution. Here is how I define my column:

header: 'Event_date',
            width: 115,
            dataIndex: 'event_time',
            renderer: this._renderExactDate,
            field: {
                type: 'textfield'
            }

and my render function is:

_renderExactDate: function(date) {
        if (date == '0000-00-00 00:00:00' || date == undefined) {
            Ext.MessageBox.show({
            title: 'New event',
            msg: 'You must set a date',
            icon: Ext.MessageBox.ERROR,
            buttons: Ext.Msg.OK
        });
      } 
      else
          {
              return date;
          }
    }

but obv. renderer is not the way to do this, yet I haven’t found a way to do this.

thanks

Leron

Answer 1

If this is using ExtJS4 then you should make use of the model field validations field to set the accepted format. Write a custom one if any of the standards don’t fit the bill. Then you can check if the model is valid before any attempts to sync and flag a warning accordingly.

The event you want to hook into is this one. Then you can get the record/model and check its ‘isValid’ method before generating your warning.

Link: Ext.grid.plugin.CellEditing validateedit event