lipsiadmin 4.1.8 → 5.0.0

data/lib/view/helpers/ext/button.rb

@@ -0,0 +1,62 @@
+module Lipsiadmin
+  module Ext
+    # Generate a new Ext.Button
+    # 
+    # This component is usefull for ex in toolbars
+    # 
+    #   # Generates:
+    #   #{
+    #   #  buttons: [{
+    #   #    disabled: false,
+    #   #    text: Backend.locale.buttons.add,
+    #   #    id: "add",
+    #   #    cls: "x-btn-text-icon add"
+    #   #  },{
+    #   #    disabled: true,
+    #   #    text: Backend.locale.buttons.edit,
+    #   #    id: "edit",
+    #   #    cls: "x-btn-text-icon edit"
+    #   #  },{
+    #   #    disabled: true,
+    #   #    text: Backend.locale.buttons.remove,
+    #   #    id: "remove",
+    #   #    cls: "x-btn-text-icon remove"
+    #   #  },{
+    #   #    disabled: false,
+    #   #    menu: [{
+    #   #    text: "Test Me"
+    #   #  },{
+    #   #    text: "IM a sub Menu"
+    #   #  }],
+    #   #    text: Backend.locale.buttons.print,
+    #   #    id: "print",
+    #   #    cls: "x-btn-text-icon print"
+    #   #  }]
+    #   #}
+    #   tbar.add_button :text => "Backend.locale.buttons.add".to_l,    :id => "add",    :disabled => false,  :cls => "x-btn-text-icon add",    :handler => "add".to_l
+    #   tbar.add_button :text => "Backend.locale.buttons.edit".to_l,   :id => "edit",   :disabled => true,   :cls => "x-btn-text-icon edit",   :handler => "edit".to_l
+    #   tbar.add_button :text => "Backend.locale.buttons.remove".to_l, :id => "remove", :disabled => true,   :cls => "x-btn-text-icon remove", :handler => "remove".to_l
+    #   tbar.add_button :text => "Backend.locale.buttons.print".to_l,  :id => "print",  :disabled => false,  :cls => "x-btn-text-icon print" do |menu|
+    #     menu.add_button :text => "Test Me"
+    #     menu.add_button :text => "IM a sub Menu"
+    #   end    
+    #
+    class Button < Component
+
+      def initialize(options={}, &block)#:nodoc:
+        super("Ext.Button", options)
+        yield self if block_given?
+      end
+      
+      # Add new Button to the menu of this one
+      # 
+      #   # Generates: { handler: show, text: "Add", other: "...", icon: "..." }
+      #   add_button :text => "Add",  :handler => "show".to_l, :icon => "...", :other => "..."
+      # 
+      def add_button(options, &block)
+        config[:menu] ||= []
+        config[:menu] << (options.is_a?(String) ? options : Button.new(options, &block).config)
+      end
+    end
+  end
+end

data/lib/view/helpers/ext/column_model.rb

@@ -35,20 +35,24 @@ module Lipsiadmin
       
       # This add automatically fields from an array
       def fields(fields)
-        fields.each { |options| add(nil, nil, options); }
+        fields.each { |options| add_column(nil, nil, options); }
       end
       
       # Add columns to a Ext.grid.ColumnModel
       #
       #   # Generates: { header: "Created At", dataIndex: "accounts.datetime", sortable => true }
-      #   add "Created At", "accounts.datetime", :sortable => l(true)
+      #   add "Created At", "accounts.datetime", :sortable => true
       # 
       # You can pass :renderer
       #   
       #   # Generates: Ext.util.Format.dateRenderer()
+      #   :render   => :time_to_date # This render a datetime to a date
+      #   # Generates: Ext.util.Format.dateRenderer()
       #   :renderer => :date
       #   # Generates: Ext.util.Format.dateTimeRenderer()
       #   :renderer => :datetime
+      #   # Generates: Ext.util.Format.percentage
+      #   :renderer => :percentage
       #   # Generates: Ext.util.Format.eurMoney
       #   :renderer => :eur_money
       #   # Generates: Ext.util.Format.usMoney
@@ -95,37 +99,39 @@ module Lipsiadmin
       #   :textfield     =>   Ext.form.TextField
       #   :timefield     =>   Ext.form.TimeField
       # 
-      def add(name=nil, data=nil, options={})
+      def add_column(name=nil, data=nil, options={})
         options[:header] = name if name
         options[:dataIndex] = data if data
         
         if options[:editor]
-          xtype = options[:editor].delete(:xtype)
+          xtype = options[:editor][:xtype]
           case xtype
             when :checkbox      then options.delete(:editor); options.merge!(:checkbox => true)
-            when :combo         then options.merge!(:editor => l("new Ext.form.ComboBox(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :datefield     then options.merge!(:editor => l("new Ext.form.DateField(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :numberfield   then options.merge!(:editor => l("new Ext.form.NumberField(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :radio         then options.merge!(:editor => l("new Ext.form.Radio(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :textarea      then options.merge!(:editor => l("new Ext.form.TextArea(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :textfield     then options.merge!(:editor => l("new Ext.form.TextField(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :timefield     then options.merge!(:editor => l("new Ext.form.TimeField(#{Configuration.new(options[:editor]).to_s(3)})"))
-            when :datetimefield then options.merge!(:editor => l("new Ext.form.DateTimeField(#{Configuration.new(options[:editor]).to_s(3)})"))
+            when :combo         then options.merge!(:editor => "new Ext.form.ComboBox(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :datefield     then options.merge!(:editor => "new Ext.form.DateField(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :numberfield   then options.merge!(:editor => "new Ext.form.NumberField(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :radio         then options.merge!(:editor => "new Ext.form.Radio(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :textarea      then options.merge!(:editor => "new Ext.form.TextArea(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :textfield     then options.merge!(:editor => "new Ext.form.TextField(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :timefield     then options.merge!(:editor => "new Ext.form.TimeField(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
+            when :datetimefield then options.merge!(:editor => "new Ext.form.DateTimeField(#{Configuration.new(options[:editor]).to_s(3)})".to_l)
           end
         end
         
         case options[:renderer]
-          when :date        then options.merge!(:renderer => l("Ext.util.Format.dateRenderer()"))
-          when :datetime    then options.merge!(:renderer => l("Ext.util.Format.dateTimeRenderer()"))
-          when :eur_money   then options.merge!(:renderer => l("Ext.util.Format.eurMoney"))
-          when :us_money    then options.merge!(:renderer => l("Ext.util.Format.usMoney"))
-          when :boolean     then options.merge!(:renderer => l("Ext.util.Format.boolRenderer"))
-          when :capitalize  then options.merge!(:renderer => l("Ext.util.Format.capitalize"))
-          when :file_size   then options.merge!(:renderer => l("Ext.util.Format.fileSize"))
-          when :downcase    then options.merge!(:renderer => l("Ext.util.Format.lowercase"))
-          when :trim        then options.merge!(:renderer => l("Ext.util.Format.trim"))
-          when :undef       then options.merge!(:renderer => l("Ext.util.Format.undef"))
-          when :upcase      then options.merge!(:renderer => l("Ext.util.Format.uppercase"))
+          when :time_to_date then options.merge!(:renderer => "Ext.util.Format.dateRenderer()".to_l)
+          when :date         then options.merge!(:renderer => "Ext.util.Format.dateRenderer()".to_l)
+          when :datetime     then options.merge!(:renderer => "Ext.util.Format.dateTimeRenderer()".to_l)
+          when :percentage   then options.merge!(:renderer => "Ext.util.Format.percentage".to_l)
+          when :eur_money    then options.merge!(:renderer => "Ext.util.Format.eurMoney".to_l)
+          when :us_money     then options.merge!(:renderer => "Ext.util.Format.usMoney".to_l)
+          when :boolean      then options.merge!(:renderer => "Ext.util.Format.boolRenderer".to_l)
+          when :capitalize   then options.merge!(:renderer => "Ext.util.Format.capitalize".to_l)
+          when :file_size    then options.merge!(:renderer => "Ext.util.Format.fileSize".to_l)
+          when :downcase     then options.merge!(:renderer => "Ext.util.Format.lowercase".to_l)
+          when :trim         then options.merge!(:renderer => "Ext.util.Format.trim".to_l)
+          when :undef        then options.merge!(:renderer => "Ext.util.Format.undef".to_l)
+          when :upcase       then options.merge!(:renderer => "Ext.util.Format.uppercase".to_l)
         end
         
         raise ComponentError, "You must provide header and dataIndex for generate a column model" if options[:header].blank? || 

data/lib/view/helpers/ext/component.rb

@@ -22,7 +22,7 @@ module Lipsiadmin#:nodoc:
         @var    = options.delete(:var)
         @config = Configuration.new(options)
         @before, @after = [], []
-      
+        @items  = {}
         if self.class == Component && block_given?
           yield self 
         end
@@ -47,12 +47,22 @@ module Lipsiadmin#:nodoc:
       #      
       def get_var
         # I will nillify obj if they are blank
-        @var = nil            if @var == ""
-        @config.delete(:var)  if @config[:var] == ""
+        @var = nil            if @var.blank?
+        @config.delete(:var)  if @config[:var].blank?
+        
         # Return a correct var
         current_var = (@var || @config[:var] || build_var)
         @prefix.to_s + current_var.to_s
       end
+
+      # Define the title of the component.
+      # 
+      # Every component can have a title, because in Lipsiadmin we use it 
+      # as a "pagetitle", but if you need it as a config you can provide global = false
+      # 
+      def title(title, global=true)
+        global ? (before << "Backend.app.setTitle(#{title.to_json});") :  config[:title] = title
+      end
       
       # Write the the configuration of object from an hash
       #
@@ -60,17 +70,17 @@ module Lipsiadmin#:nodoc:
         @config = Configuration.new(options)
       end
 
-      # Read the the configuration of object from an hash
+      # Return the configuration hash
       #
       def config
         @config
       end
       
-      def method_missing(method, arg=nil)#:nodoc:
-        if method.to_s.start_with?("get_")
-          @config[method.to_s.gsub("get_", "").to_sym]
+      def method_missing(method, arguments=nil, &block)#:nodoc:
+        if method.to_s =~ /^get_/
+          @config[method.to_s.gsub(/^get_/, "").to_sym]
         else
-          add_object(method, arg)
+          add_object(method, arguments)
         end
       end
       
@@ -104,44 +114,53 @@ module Lipsiadmin#:nodoc:
       #     #       new();
       #     #       Ext.Msg.alert("Hello", "world");
       #     #     });
-      # 
       #     grid.on :dblclick do |p|
       #       p.call "edit"
       #       p.call "new"
       #       p.ext_alert "Hello", "world"
       #     end
+      # 
       def on(event, function=nil, scope=nil, &block)
         # Remove old handlers
-        remove_listener(event)
-        scope = ", #{l(scope)}" unless scope.blank?        
+        un(event)
+        scope = ", #{scope.to_l}" unless scope.blank?        
         if function
           after << "#{get_var}.on(#{event.to_json}, #{function}#{scope});"
         else
           generator = ActionView::Helpers::PrototypeHelper::JavaScriptGenerator.new(self, &block)
-          after << "#{get_var}.on(#{event.to_json}, function() { #{generator.to_s.gsub("\n", "\n  ")}\n}#{scope});"
+          after << "#{get_var}.on(#{event.to_json}, function() { \n  #{generator.to_s.gsub("\n", "\n  ")}\n}#{scope});"
         end
       end
-      alias_method :add_listener, :on
       
       # Remove a listener
+      #   
+      #   Example: grid.un(:dblclick)
       # 
-      #   Example: grid.remove_listener(:dblclick)
-      def remove_listener(event)
-        @after.delete_if { |s| s.start_with?("#{get_var}.on(#{event.to_json}") if s.is_a?(String) }
+      def un(event)
+        found = @after.delete_if { |s| s.start_with?("#{get_var}.on(#{event.to_json}") if s.is_a?(String) }
+        after << "#{get_var}.un(#{event.to_json})" unless found
       end
       
-      # Generates a new Component for generate on the fly ExtJs Objects
+      # Generates and add new Component for generate on the fly ExtJs Objects
       # 
       #   Examples:
       # 
       #     # Generates:
-      #     #   var myComponent = new MyComponent({
-      #     #     default: true
-      #     #   });
-      #     grid.my_component grid.new_component("MyComponent") { |p| p.default true }
+      #     #   var panel = new Ext.Panel({
+      #     #     id: 'testPanel',
+      #     #     region: 'center',
+      #     #     ...
+      #     #   })
+      #     #   mycmp.add(panel)
+      #     #   
+      #     mycmp.add "Ext.Panel" do |panel| 
+      #       panel.id "testPanel",
+      #       panel.region :center
+      #       ...
+      #     end
       # 
-      def new_component(klass, options={}, &block)
-        Component.new(klass, options, &block)
+      def add(klass, options={}, &block)
+        add_object(Component.new(klass, options.merge(:prefix => get_var), &block))
       end
       
       # Used by ActionView::Helpers::PrototypeHelper::JavaScriptGenerator
@@ -149,31 +168,23 @@ module Lipsiadmin#:nodoc:
         yield
       end
       
-      
       # Returns the javascript for current component
-      #
+      # 
       #   # Generates: var rowSelectionModel = Ext.grid.RowSelectionModel();
-      #   Component.new("Ext.grid.RowSelectionModel")
+      #   Component.new("Ext.grid.RowSelectionModel").to_s
       # 
-      def to_s
-        script = []
-        script << @before.uniq.compact.join("\n\n")
-        script << "var #{get_var} = new #{@klass}(#{config.to_s});"
-        script << @after.uniq.compact.join("\n\n")
+      def to_s(options={})
+        script = returning [] do |script|
+          script << @before.uniq.compact.join("\n\n")
+          script << "var #{get_var} = new #{@klass}(#{config.to_s});"
+          script << @after.uniq.compact.join("\n\n")
+        end
         script.delete_if { |s| s.blank? }.join("\n\n")
       end
       
       def raise_error(error)#:nodoc:
          raise ComponentError, error
       end
-      
-      # Returns an object whose <tt>to_json</tt> evaluates to +code+. Use this to pass a literal JavaScript 
-      # expression as an argument to another JavaScriptGenerator method.
-      #
-      def literal(code)
-        ActiveSupport::JSON::Variable.new(code.to_s)
-      end
-      alias_method :l, :literal
 
       private
         def render_javascript(template, assigns)
@@ -187,7 +198,8 @@ module Lipsiadmin#:nodoc:
             object.prefix = get_var
             @before.delete_if { |b| b.start_with?("var #{object.get_var} = new") }
             @before << object.to_s
-            @config[name.to_sym] = l(object.get_var)
+            @config[name.to_sym] = object.get_var.to_l
+            @items.merge!({ name.to_s.to_sym => object })
           else
             @config[name.to_sym] = object
           end

data/lib/view/helpers/ext/configuration.rb

@@ -14,9 +14,10 @@ module Lipsiadmin
       # Optionally you can specify the indentation spaces.
       def to_s(indent=1)
         return if self.empty?
-        i = ("  "*indent)
+        i = (" "*indent)
         s = self.size > 0 ? "\n" : "  "
-        "{#{s}" + self.reject { |k,v| k.blank? || v.to_s.blank? }.collect { |k,v| "#{i*2}#{k}: #{s(v)}" if k != :var }.join(",#{s}") + "#{s}#{i}}"
+        r = "{#{s}" + self.collect { |k,v| "#{i*2}#{k}: #{s(v)}" if k != :var }.join(",#{s}") + "#{s}#{i if i.size > 1}}"
+        return r =~ /\{\s*\}/ ? "" : r
       end
       
       private

data/lib/view/helpers/ext/grid.rb

@@ -27,7 +27,7 @@ module Lipsiadmin
     #     grid.base_path "/backend/posts"
     #     grid.forgery_protection_token request_forgery_protection_token
     #     grid.authenticity_token form_authenticity_token
-    #     grid.tbar  :default
+    #     grid.tbar  :default # or [:add, :edit, :delete] or [:edit, :delete]
     #     grid.store do |store|
     #       store.url "/backend/posts.json"
     #       store.fields @column_store.store_fields
@@ -52,20 +52,20 @@ module Lipsiadmin
       def initialize(options={}, &block)#:nodoc:
         # Call Super Class for initialize configuration
         @editable = options.delete(:editable)
-        
-        super("Ext.grid.#{@editable ? 'EditorGridPanel' : 'GridPanel' }", options)
+        super("Ext.grid.#{@editable ? 'EditorGridPanel' : 'GridPanel' }", { :plugins => [] }.merge(options))
 
         # Write default configuration if not specified
         config[:plugins]      ||= []
         viewConfig            :forceFit => true
-        clicksToEdit          1
         border                false
         bodyBorder            false
+        clicksToEdit          1
         region                "center"
         sm                    :checkbox
-        add_plugin            l("new Ext.grid.Search()")
         view                  :default
         render                true
+        config[:plugins] <<   "new Ext.grid.Search()".to_l
+        
         # We need to add a setTimeout because, we destroy
         # the grid before loading a new page/js.
         on(:dblclick) do |p|
@@ -88,29 +88,14 @@ module Lipsiadmin
       # 
       def sm(object)
         selmodel = case object
-          when :default  then Component.new("Ext.grid.CheckboxSelectionModel")
-          when :checkbox then Component.new("Ext.grid.CheckboxSelectionModel")
-          when :row      then Component.new("Ext.grid.RowSelectionModel")
+          when :default  then Component.new("Ext.grid.CheckboxSelectionModel", :prefix => get_var)
+          when :checkbox then Component.new("Ext.grid.CheckboxSelectionModel", :prefix => get_var)
+          when :row      then Component.new("Ext.grid.RowSelectionModel",      :prefix => get_var)
           else object
         end
         add_object(:sm, selmodel)
       end
       
-      # Define the title of the grid
-      def title(title, global=true)
-        global ? (before << "Backend.app.setTitle(#{title.to_json});") :  config[:title] = title
-      end
-      
-      # Assign plugins for the current grid
-      def plugins(plugins)
-        config[:plugins] = plugins
-      end
-      
-      # Add a single plugin to the grid plugins
-      def add_plugin(plugins)
-        config[:plugins] << plugins
-      end
-          
       # Generate or set a new Ext.Toolbar
       # You can pass tbar :default options that will create 
       # defaults buttons for add, edit and remove records, it's generate also
@@ -142,12 +127,27 @@ module Lipsiadmin
       #   tbar  :default
       # 
       def tbar(object=nil, &block)
-        tbar = object.is_a?(ToolBar) ? object : ToolBar.new
-        if object == :default
-          tbar.add l("Backend.locale.buttons.add"),    :id => "add",    :disabled => literal(false), :cls => "x-btn-text-icon add",    :handler => l("add")
-          tbar.add l("Backend.locale.buttons.edit"),   :id => "edit",   :disabled => literal(true),  :cls => "x-btn-text-icon edit",   :handler => l("edit")
-          tbar.add l("Backend.locale.buttons.remove"), :id => "remove", :disabled => literal(true),  :cls => "x-btn-text-icon remove", :handler => l("remove")
-          @default_tbar = true 
+        tbar = object.is_a?(ToolBar) ? object : ToolBar.new(:prefix => get_var)
+        if object == :default || object == :all
+          tbar.add_button :text => "Backend.locale.buttons.add".to_l,    :id => "add",    :disabled => false, :cls => "x-btn-text-icon add",    :handler => "add".to_l
+          tbar.add_button :text => "Backend.locale.buttons.edit".to_l,   :id => "edit",   :disabled => true,  :cls => "x-btn-text-icon edit",   :handler => "edit".to_l
+          tbar.add_button :text => "Backend.locale.buttons.remove".to_l, :id => "remove", :disabled => true,  :cls => "x-btn-text-icon remove", :handler => "remove".to_l
+          @ttbar_add, @ttbar_edit, @ttbar_delete = true, true, true
+        end
+        if object.is_a?(Array)
+          object.each do |button|
+            case button
+              when :add
+                tbar.add_button :text => "Backend.locale.buttons.add".to_l,    :id => "add",    :disabled => false, :cls => "x-btn-text-icon add",    :handler => "add".to_l
+                @ttbar_add = true
+              when :edit
+                tbar.add_button :text => "Backend.locale.buttons.edit".to_l,   :id => "edit",   :disabled => true,  :cls => "x-btn-text-icon edit",   :handler => "edit".to_l
+                @ttbar_edit = true
+              when :delete
+                tbar.add_button :text => "Backend.locale.buttons.remove".to_l, :id => "remove", :disabled => true,  :cls => "x-btn-text-icon remove", :handler => "remove".to_l
+                @ttbar_delete = true
+            end
+          end
         end
         yield tbar if block_given?
         add_object(:tbar, tbar)
@@ -164,7 +164,7 @@ module Lipsiadmin
       #   bbar :pageSize => params[:limit], :store => store.get_var, displayInfo: true
       # 
       def bbar(object=nil, &block)
-        bbar = object.is_a?(Hash) ? Component.new("Ext.PagingToolbar", object) : object
+        bbar = object.is_a?(Hash) ? Component.new("Ext.PagingToolbar", object.merge(:prefix => get_var)) : object
         add_object(:bbar, bbar)
       end
 
@@ -180,8 +180,8 @@ module Lipsiadmin
       # 
       def view(object=nil, &block)
         view = case object
-          when :default then Component.new("Ext.grid.GroupingView", { :forceFit => true })
-          when Hash     then Component.new("Ext.grid.GroupingView", { :forceFit => true }.merge(object))
+          when :default then Component.new("Ext.grid.GroupingView", { :forceFit => true, :prefix => get_var })
+          when Hash     then Component.new("Ext.grid.GroupingView", { :forceFit => true, :prefix => get_var }.merge(object))
           else object
         end
         add_object(:view, view)
@@ -189,7 +189,7 @@ module Lipsiadmin
       
       # Generate or set a new Ext.data.GroupingStore
       def store(object=nil, &block)
-        store = object.is_a?(Store) ? object : Store.new(&block)
+        store = object.is_a?(Store) ? object : Store.new(:prefix => get_var, &block)
         add_object(:store, store)
       end
       
@@ -199,7 +199,7 @@ module Lipsiadmin
         if config[:sm] && before.find { |js| js.start_with?("var #{config[:sm]} = new Ext.grid.CheckboxSelectionModel") }
           options[:columns] << config[:sm]
         end
-        cm = object.is_a?(ColumnModel) ? value : ColumnModel.new(options, &block)
+        cm = object.is_a?(ColumnModel) ? value : ColumnModel.new(options.merge(:prefix => get_var), &block)
         add_object(:cm, cm)
       end
       
@@ -255,15 +255,15 @@ module Lipsiadmin
       def get_selected(data=:id)
         raise_error "No Column Selection Model Defined" if config[:sm].blank?
         if data.to_sym == :id
-          l("#{config[:sm]}.getSelected().id")
+         "#{config[:sm]}.getSelected().id".to_l
         else
-          l("#{config[:sm]}.getSelected().data[#{data.to_json}]")
+          "#{config[:sm]}.getSelected().data[#{data.to_json}]"
         end
       end
       
       # Return the javascript for create a new Ext.grid.GridPanel
       def to_s
-        if @default_tbar
+        if @ttbar_add || @ttbar_edit || @ttbar_delete
           raise_error "You must provide the base_path for autobuild toolbar."                      if @base_path.blank? && @new_path.blank? && @edit_path.blank? && @destroy_path.blank?
           raise_error "You must provide the new_path for autobuild button new of toolbar."         if @base_path.blank? && @new_path.blank?
           raise_error "You must provide the edit_path for autobuild button edit of toolbar."       if @base_path.blank? && @edit_path.blank?
@@ -275,9 +275,7 @@ module Lipsiadmin
           raise_error "You must provide the store."                                                if config[:store].blank?
         end
         
-        if @default_tbar
-          after << render_javascript(:grid_functions, :var => get_var, :store => config[:store], :sm => config[:sm], :tbar => config[:tbar], :editable => @editable)
-        end
+        after << render_javascript(:grid_functions, :var => get_var, :store => config[:store], :sm => config[:sm], :tbar => config[:tbar], :editable => @editable)
         
         if config[:store] && @render
           after << "#{config[:store]}.on('beforeload', function(){ Backend.app.mask(); });"