ExtJS 為目前一套著名的Javascript庫,所提供的UI介面也很便利於在開發管理系統的建置.
在這分享簡單就可以操作Netzke這個套件
首先我們的開發環境基本需求是
1.Ruby 1.8.7
2.Rails 2.3.4
再來我們建立一個專案
rails netzke123
cd netzke123
再來我們透過用gem的方式來安裝netzke套件
gem install netzke-basepack
接下來再等待一段時間就安裝完成
在使用netzke時,必須要在environment.rb宣告
config.gem "netzke-basepack"
接著我們使用netzke提供的產生器
./script/generate netzke_core && ./script/generate netzke_basepack
再來我們必須要連結到extjs提供的圖檔
ln -s ~/code/extjs/ext-3.2.1 public/extjs
ln -s ~/assets/famfamfam-silk public/images/icons
接著我們指定專案啟動時所運行的首頁路徑,必須在routes.rb做設定
map.netzke
map.root :controller => "welcome"
接下來建立controller
./script/generate controller welcome index
(官網提醒必須要移除/public/index.html)
接著在application.html.erb做netzke的宣告
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Netzke Task Manager</title>
<strong><%= netzke_init %></strong>
<%= yield %>
接著我們建立Model
./script/generate model Task done:boolean name:string notes:text priority:integer due:date
rake db:migrate
最後在app/views/welcome/index.html.erb 輸入以下程式碼
<%= netzke :tasks, :class_name => "GridPanel", :model => "Task" %>
最後用內建的伺服器執行即可
gem install netzke-basepack
0
註:目前使用上chrome,firefox可以正常執行,IE 8執行上會有問題