Contents

class ComponentLoader < Netzke::Base
  component :simple_component, :title => "Simple Component", :lazy_loading => true

  component :component_loaded_in_window, {
    :class_name => "SimpleComponent",
    :title => "Component loaded in window",
    :lazy_loading => true
  }

  component :window_with_simple_component, {
    :class_name => "SimpleWindow",
    :items => [{
      :class_name => "SimpleComponent",
      :title => "Simple Component Inside Window"
    }],
    :lazy_loading => true
  }

  js_method :on_load_with_feedback, <<-JS
    function(){
      this.loadComponent({name: 'simple_component', callback: function(){
        this.setTitle("Callback" + " invoked!");
      }, scope: this});
    }
  JS

  action :load_with_feedback

  action :load_window_with_simple_component

  js_properties(
    :title => "Component Loader",
    :layout => "fit",
    :bbar => [{:text => "Load component", :ref => "../button"}, {:text => "Load in window", :ref => "../loadInWindowButton"}, :load_with_feedback.action, :load_window_with_simple_component.action]
  )

  js_method :on_load_window_with_simple_component, <<-JS
    function(params){
      this.loadComponent({name: "window_with_simple_component"});
    }
  JS

  js_method :init_component, <<-JS
    function(){
      #{js_full_class_name}.superclass.initComponent.call(this);

      this.button.on('click', function(){
        this.loadComponent({name: 'simple_component', container: this.getId()});
      }, this);

      this.loadInWindowButton.on('click', function(){
        var w = new Ext.Window({width: 500, height: 400, modal: true, layout:'fit'});
        w.show(null, function(){
          this.loadComponent({name: 'component_loaded_in_window', container: w.getId()});
        }, this);
      }, this);
    }
  JS
end

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
netzke-core-0.6.4	test/rails_app/app/components/component_loader.rb
netzke-core-0.6.3	test/rails_app/app/components/component_loader.rb