Rails + Sencha = Netzkeclaudio@beffa.ch 16. Februar 2011 at rubyonrails.ch
Dictionary• RIA = Rich Internet Applications• JS = JavaScript• Sencha = Tea & RIA JS framework ExtJS• Netzke = Rails marri...
Why Sencha?• Best RIA framework (personal oppinion)• Cross platform & consistent architecture• Examples & documentation• M...
Why Netzke?• Clean Rails-Sencha interface• Pre-fabricated componentents• You dont have to write it yourself• Maintained & ...
Where?• Relational data structure• Many actions per view• Conservative end userReporting, ERP, accounting, admin backends,...
Why Hate It?• Steep learning curve• Mixing server and client side      Youll use Firebug a lot...
Most Simple Example
Start            Extjs--> public/extjs            famfamfam_silk_icons --> images/            iconsGemfile gem netzke-core ...
Finish   rails g model Person name:string mail:.. rails g controller Welcome index bundle install rake db:migrate rails si...
WAITING FOR THEhttp://localhost:3000/welcome/index
rails g model Company name:stringrake db:migratePerson   belongs_to :companyindex.html.XXX<%= netzke :person,   :class_nam...
   class CustomActionGrid < GridPanel      action :show_map, :text => "Show Map"      def default_bbar        [:show_map.a...
TestingWith Cucumber and Seleniumsee http://bit.ly/gP2gAo
Links• blog.writelesscode.com• netzke.org• github.com/skozlov/netzke/wiki• Google Group „Netzke“
About me, myself and I:• Ruby & Rails Engineer since 10.10.05• claudio@beffa.ch• @beffa• Book me +41 79 569 97 13
Upcoming SlideShare
Loading in …5
×

Rails + Sencha = Netzke

3,275 views

Published on

You find the example code here: https://github.com/beffa/netzke_example

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,275
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Rails + Sencha = Netzke

    1. 1. Rails + Sencha = Netzkeclaudio@beffa.ch 16. Februar 2011 at rubyonrails.ch
    2. 2. Dictionary• RIA = Rich Internet Applications• JS = JavaScript• Sencha = Tea & RIA JS framework ExtJS• Netzke = Rails marries Sencha by @nomadcoder
    3. 3. Why Sencha?• Best RIA framework (personal oppinion)• Cross platform & consistent architecture• Examples & documentation• Maintained by a company• sencha.com
    4. 4. Why Netzke?• Clean Rails-Sencha interface• Pre-fabricated componentents• You dont have to write it yourself• Maintained & documented• Small user group• netzke.org
    5. 5. Where?• Relational data structure• Many actions per view• Conservative end userReporting, ERP, accounting, admin backends,desktop / Excel replacement etc.
    6. 6. Why Hate It?• Steep learning curve• Mixing server and client side Youll use Firebug a lot...
    7. 7. Most Simple Example
    8. 8. Start Extjs--> public/extjs famfamfam_silk_icons --> images/ iconsGemfile gem netzke-core application.html.XXX gem netzke-basepack <head>  <%= csrf_meta_tag %>  <%= netzke_init %>routes.rb </head> netzke
    9. 9. Finish rails g model Person name:string mail:.. rails g controller Welcome index bundle install rake db:migrate rails sindex.html.XXX<%= netzke :person, :class_name => "Basepack::GridPanel", :model => "Person"%>
    10. 10. WAITING FOR THEhttp://localhost:3000/welcome/index
    11. 11. rails g model Company name:stringrake db:migratePerson   belongs_to :companyindex.html.XXX<%= netzke :person, :class_name => "Basepack::GridPanel", :model => "Person", :columns => [:name, :mail, :company__name]%><%= netzke :company, :class_name => "Basepack::GridPanel", :model => "Company"%>
    12. 12.    class CustomActionGrid < GridPanel      action :show_map, :text => "Show Map"      def default_bbar        [:show_map.action, "-", *super]      end      def default_context_menu        [:show_map.action, "-", *super]      end js_method :on_show_map, <<-JS function(){alert("Map");} JS   end
    13. 13. TestingWith Cucumber and Seleniumsee http://bit.ly/gP2gAo
    14. 14. Links• blog.writelesscode.com• netzke.org• github.com/skozlov/netzke/wiki• Google Group „Netzke“
    15. 15. About me, myself and I:• Ruby & Rails Engineer since 10.10.05• claudio@beffa.ch• @beffa• Book me +41 79 569 97 13

    ×