extJsポータル内のデータグリッドのextJs livesearchpanel

Question

私はExtjsポータルの例で作業しており、extjs4-mvc-portal on GitHubの例をダウンロードしました。

EclipseにTomcatと正常に統合され、XMLグリッドパネルが追加されました。私は "livesearchpanel" similar to this Live Search Grid Exampleを追加したいと思います。

この例は、store、portletなどの異なるセクションに分割されています。ここでは、livesearchpanelを統合するためのCSSファイルとJavaScriptファイルを追加する場所が混乱しています。

私は、ポートレット・セクションに追加すると、次のエラーが

を発生し、リソースの読み込みに失敗しました：サーバーは、404の状態（見つかりません）

Ext.define('ExtMVC.view.portlet.livegrid', { 
    extend: 'Ext.ux.LiveSearchGridPanel', 
    alias: 'widget.livegrid', 

height: 300, 

/** 
* Custom function used for column renderer 
* @param {Object} val 
*/ 
change: function(val) { 
    if (val > 0) { 
     return '<span style="color:green;">' + val + '</span>'; 
    } else if (val < 0) { 
     return '<span style="color:red;">' + val + '</span>'; 
    } 
    return val; 
}, 

/** 
* Custom function used for column renderer 
* @param {Object} val 
*/ 
pctChange: function(val) { 
    if (val > 0) { 
     return '<span style="color:green;">' + val + '%</span>'; 
    } else if (val < 0) { 
     return '<span style="color:red;">' + val + '%</span>'; 
    } 
    return val; 
}, 

initComponent: function(){ 

    var store = Ext.create('ExtMVC.store.lives'); 

    Ext.apply(this, { 
     height: this.height, 
     store: store, 
     stripeRows: true, 
     columnLines: true, 
     columns: [{ 
      text  : 'Company', 
      flex  : 1, 
      sortable : false, 
      dataIndex: 'company' 
     }, 
     { 
      text  : 'Price', 
      width : 75, 
      sortable : true, 
      renderer : 'usMoney', 
      dataIndex: 'price' 
     }, 
     { 
      text  : 'Change', 
      width : 75, 
      sortable : true, 
      dataIndex: 'change', 
      // renderer: change 
     }, 
     { 
      text  : '% Change', 
      width : 75, 
      sortable : true, 
      dataIndex: 'pctChange', 
      //renderer: pctChange 
     }, 
     { 
      xtype : 'datecolumn', 
      text  : 'Last Updated', 
      width : 85, 
      sortable : true, 
      dataIndex: 'lastChange' 
     }] 
    }); 

    this.callParent(arguments); 
    } 
}); 

と答え、私はしましたEXT.ux.LiveSearchGridPanel.jsをextjs/src/grid /のsrcセクションで試してみたところ、extend: 'Ext.grid.LiveSearchGridPanel',も ​​`extend： 'Ext.grid.Ext.ux.LiveSearchGridPanel'、

Answer 1

OK問題が解決されました.......... 私はちょうどextjs/srcにuxフォルダを含んでいました。

ありがとう