Form sample to edit grid

form.js

var form = new FancyForm({
  renderTo: 'form',
  title: 'User Data',
  width: 290,
  height: 500,
  defaults: {
    type: 'string'
  },
  items: [{
    name: 'id',
    type: 'hidden'
  }, {
    label: 'First Name',
    name: 'first_name'
  }, {
    label: 'Last Name',
    name: 'last_name'
  }, {
    label: 'eMail',
    name: 'email'
  }, {
    label: 'Organisation',
    name: 'organisation'
  }],
  buttons: ['side', {
    text: 'Clear',
    handler: function () {
      form.clear();
    }
  }, {
    text: 'Save',
    handler: function () {
      var values = form.get();

      if (!values.id) {
        return;
      }
        
      grid.setById(values.id, values);                              
    }
  }]
});