ember get current component value

I have a drag an drop layout component involved in my application. At the point user press save I want to get the component values in my controller and store them. (Im using Ember CLI) and don't know how to get component data into a controller. Have seen something like needs??

Controller application:

save: function(){
  var newName= this.store.createRecord('layout', {
    title: this.get('title')
  });

  newName.save();

  alert('saved');

  this.transitionToRoute('index');

}

Component:

 Setupgridster: function(){
    Ember.$(".gridster ul").gridster({
      widget_base_dimensions: [359, 232],
      widget_margins: [5, 5],
      helper: 'clone',
      resize: {
        enabled: true,
        max_size: [3, 3],
        min_size: [1, 1],
        stop: function (e, ui, $widget) {
          var widget_base_dimensions = this.serialize($widget)[0];
        }
      },
      serialize_params: function($w, wgd) {
          return {
            col: wgd.col,
            row: wgd.row,
            size_x: wgd.size_x,
            size_y: wgd.size_y
          };
      }
    }).data('gridster');
  }.on("didInsertElement")
});