1
私はExtjsポータルの例で作業しており、extjs4-mvc-portal on GitHubの例をダウンロードしました。extJsポータル内のデータグリッドのextJs livesearchpanel
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'、