1

我正在研究一个 Extjs 门户示例，并从GitHub 上的 extjs4-mvc-portal下载了该示例。

我已经成功地将 Eclipse 与 Tomcat 集成并添加了 XML 网格面板。我想添加一个类似于此 Live Search Grid Example的“livesearchpanel” 。

这个例子被分成不同的部分，比如 store、portlet，我很困惑在哪里添加 CSS 文件和 JavaScript 文件来集成 livesearchpanel。

当我在 portlet 部分中添加时，发生了以下错误

加载资源失败：服务器响应状态为 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);
  }
});

我已经在 extjs/src/grid/ 的 src 部分尝试了 EXT.ux.LiveSearchGridPanel.js， extend: 'Ext.grid.LiveSearchGridPanel',也更改了 `extend: 'Ext.grid.Ext.ux.LiveSearchGridPanel'，

4

1 回答 1

0

好的问题解决了............我只是将ux文件夹加入到extjs / src。

谢谢

于 2012-05-11T08:49:20.890 回答