RSS
热门关键字:  java  Ajax  JSP  JSF  Struts
当前位置 : 首页>Ruby>列表

rails集成extjs

来源: 作者: 时间:2007-09-19 点击:
  1. 下载extjs,将需要的文件放到对应的文件夹(具体需要的文件见第二步的列表)
  2. 在layout中加入javascript引用

    java 代码

    1.         <%= stylesheet_link_tag "../javascripts/ext/resources/css/ext-all.css" %>  
    2.         <%= javascript_include_tag "ext/adapter/prototype/prototype.js" %>  
    3.         <%= javascript_include_tag "ext/adapter/prototype/scriptaculous.js" %>  
    4.         <%= javascript_include_tag "ext/adapter/prototype/effects.js" %>  
    5.         <%= javascript_include_tag "ext/adapter/prototype/ext-prototype-adapter.js" %>  
    6.         <%= javascript_include_tag "ext/ext-all-debug.js" %>  
    7.         <%= yield %>                 

  3. 在view中增加显示grid的div
    java 代码
     
    1. <%= javascript_include_tag "grid-paging.js" %>  
    2. "movies_grid" style="border:5px solid #99bbe8; overflow:hidden; width:650px;">
        

4.使用javascript搭建一个grid
url: '/movie/grid_data' 指定了数据源

  • Ext.grid.Grid('movies_grid'... 则指定了grid出现在哪个div中。

    java 代码
     
    1. var grid;  
    2. var ds;  
    3.   
    4. Ext.onReady(function(){  
    5.     init_grid();     
    6. });  
    7.   
    8. function init_grid() {  
    9.     ds = new Ext.data.Store({  
    10.         proxy: new Ext.data.HttpProxy({url: '/movie/grid_data'}),  
    11.           
    12.         reader: new Ext.data.JsonReader({  

    共5页: 上一页 1 [2] [3] [4] [5] 下一页
  • 最新评论共有 0 位网友发表了评论
    发表评论
    评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
    用户名: 密码:
    匿名?
    注册