1

从现在开始我只使用插件进行编辑，我使用它的方式是首先添加：

this.editing = Ext.create('Ext.grid.plugin.CellEditing');

在我的initComponent: function然后应用这个：

plugins: [this.editing],

我准备好了。但是obv。这种方法行不通，Ext.ux.PreviewPlugin所以我用谷歌搜索了一下，找到了一些例子：

//  requires: 'Ext.ux.PreviewPlugin',


//    disableSelection: true,



    viewConfig: {
        id: 'id',
        trackOver: false,
        stripeRows: false,
        plugins: [{
            ptype: 'preview',
            bodyField: 'excerpt',
            expanded: true,
            pluginId: 'preview'
        }]
    },

    // pluggable renders
    renderTopic: function(value, p, record) {
        return Ext.String.format(
            '<strong><a href="http://sencha.com/forum/showthread.php?t={2}" target="_blank">{0}</a></strong><a href="http://sencha.com/forum/forumdisplay.php?f={3}" target="_blank">{1} Forum</a>',
            value,
            record.data.forumtitle,
            record.getId(),
            record.data.forumid
        );
    },

但它也不起作用，至少对我来说，我收到以下错误：

"NetworkError: 404 Not Found - http://myLocalSite/index.php/ux/PreviewPlugin.js?_dc=1339593100494"

我不太确定是什么导致了这个错误，我也直接使用了这个例子，所以我预计会因此而出现一些错误，但我想我错过了使用这些插件的一般方法，所以我认为我需要关于如何配置这个插件的一些更一般的观点，也许然后能够根据我的确切需求进行调整。

因此，无论哪种方式，都需要帮助才能使该插件正常工作。

谢谢

勒隆

4

2 回答 2

2

这取决于您的 ExtJs 版本，但如果您使用的是 4.0.7 - 预览插件默认情况下不在src\目录中，而是在\examples\ux.

我建议将其从那里复制到\src\ux并确保包含所有依赖项（例如特殊的 css 类或来自 的其他内容\examples\ux）

于 2012-06-13T13:50:15.820 回答
0

为了更清楚地使用 Ext.ux.PreviewPlugin 的实现，请查看 ExtJS 包文件夹中的官方示例：examples/feed-viewer/feed-viewer.html。或在线 [ http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/feed-viewer/feed-viewer.html][1]

当您查看源代码时，您可以在第 36 行左右看到：

Ext.Loader.setPath('Ext.ux', '../ux');

第一个参数'Ext.ux'我来宾它是应用程序路径的定义，你必须稍后通过Ext.require（）函数放在所需的模块中，我确信'../ux'是'ux'的相对路径包含一些官方插件的目录。你可以从 'example' 目录中获取它，ExtJS 包位于：examples/ux。您必须将这些目录复制到相对于您的源代码的某个位置，我建议将其复制到您的源代码目录中。

然后在 Ext.require 中包含插件，如下所示（参见第 48 行的 feed-viewer.html 代码）：

Ext.require([
'Ext.ux.PreviewPlugin'
]);
于 2014-05-09T03:35:48.457 回答