Upgrade Guide - version 1.7.x to 1.8.x

Upgrade Guide - version 1.7.x to 1.8.x

Please follow the instructions in order to fix the issues caused by the upgrade from version 1.2.x to version 1.3.x.

Editor

1. Since we changed the change event name to changed in version 1.8.x, you need to find all places in your project where this event is in use and rename it to changed.
version 1.7.x code
```
  $('selector').editor({
    change: function () { ... }
  });
```
version 1.8.x code
```
    
  $('selector').editor({
    changed: function () { ... }
  });
```
2. We improved the editor in version 1.8.x to work with textareas and you need to find all places in your project where this widget is in use and change the tag name to textarea.
version 1.7.x code
```
  $('div').editor();
```
version 1.8.x code
```
    
  $('textarea').editor();
```

DatePicker

1. Since we changed the event names of show and hide to open and close in version 1.8.x, you need to find all places in your project where this events are in use and rename them to open and close.
version 1.7.x code
```
  $('selector').datepicker({    
    show: function () { ... },    
    hide: function () { ... }
  });
```
version 1.8.x code
```
    
  $('selector').datepicker({    
    open: function () { ... },    
    close: function () { ... }
  });
```
2. Since we changed the method names of show and hide to open and close in version 1.8.x, you need to find all places in your project where this events are in use and rename them to open and close.
version 1.7.x code
```
  var datepicker = $('selector').datepicker({ .. });     
  datepicker.show();    
  datepicker.hide();
```
version 1.8.x code
```
    
  var datepicker = $('selector').datepicker({ .. });     
  datepicker.open();    
  datepicker.close();
```

TimePicker

1. Since we changed the event names of show and hide to open and close in version 1.8.x, you need to find all places in your project where this events are in use and rename them to open and close.
version 1.7.x code
```
  $('selector').timepicker({    
    show: function () { ... },    
    hide: function () { ... }
  });
```
version 1.8.x code
```
    
  $('selector').timepicker({    
    open: function () { ... },    
    close: function () { ... }
  });
```
2. Since we changed the method names of show and hide to open and close in version 1.8.x, you need to find all places in your project where this events are in use and rename them to open and close.
version 1.7.x code
```
  var timepicker = $('selector').timepicker({ .. });     
  timepicker.show();    
  timepicker.hide();
```
version 1.8.x code
```
    
  var timepicker = $('selector').timepicker({ .. });     
  timepicker.open();    
  timepicker.close();
```

Grid

1. Since we removed the oldValue parameter from cellDataChanged event in version 1.8.x, you need to find all places in your project where this event is in use and stop the usage of the oldValue parameter.
version 1.7.x code
```
  $('selector').grid({
    cellDataChanged: function (e, $cell, column, record, oldValue, newValue) { ... }
  });
```
version 1.8.x code
```
    
  $('selector').grid({
    cellDataChanged: function (e, $cell, column, record, newValue) { ... }
  });
```