ExtJS的4 - 如何使用Ext.ux.PreviewPlugin

由於編輯我現在只使用了插件，我用它第一次加入的方式：ExtJS的4 - 如何使用Ext.ux.PreviewPlugin

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

在我initComponent: function然後將此：

plugins: [this.editing],

我準備好了。但是obv。這種方法不會對Ext.ux.PreviewPlugin工作，所以我GOOGLE了我一點，找到一些類的實例是：

// 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"

我不太清楚造成這個錯誤，還我直接使用例子，所以我希望得到，因爲一些錯誤，但我想我錯過的一般方法，使用這類插件，所以我認爲我需要更多關於如何配置這個插件的一般性觀點，也許可以根據我的確切需求進行調整。

因此無論哪種方式，都需要幫助才能使該插件正常工作。

感謝

Leron

來源

2012-06-13 Leron

這取決於你的ExtJS的版本，但是如果你使用4.0.7 - 預覽插件的傷口是在默認情況下不src\目錄，但在\examples\ux。

我會建議它從那裏複製到\src\ux並確保包括所有相關性（如特殊的CSS類或\examples\ux其他的東西）

來源

2012-06-13 13:50:15 sha

的版本是4.1.0。你知道這個插件被使用的一個很好的例子嗎？並再次感謝您的幫助....我無法在互聯網上找到任何有價值的東西，看起來好像這個插件很少使用... – Leron

他們實際上在這裏使用預覽插件我認爲：http：// dev.sencha.com/deploy/ext-4.1.0-gpl/examples/feed-viewer/feed-viewer.html - 請參閱摘要按鈕。但預覽將同時打開/關閉所有記錄。 – sha

4.1在同一個地方有這個插件 - \ examples \ ux – sha

爲了更清晰的使用Ext.ux.PreviewPlugin的實現需要查看ExtJS包文件夾的官方示例：examples/feed-viewer/feed-viewer.html。

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

第一個參數「Ext.ux」我客人是應用程序路徑的difinition你必須把：或在線[http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/feed-viewer/feed-viewer.html][1]

當你看到源代碼，你可以在周圍線36看在後面的Ext.require（）函數所需的模塊中，我確信'../ux'是包含一些官方插件的'ux'目錄的相對路徑。您可以從'example'目錄中找到它，其中包含ExtJS軟件包，位於：examples/ux。您必須將這些目錄複製到與您的源代碼相關的某處，我建議將其複製到您的源代碼目錄中。

然後包括在Ext.require如下（見周圍線第48饋viewer.html代碼）插件：

Ext.require([ 
'Ext.ux.PreviewPlugin' 
]);

來源

2014-05-09 03:35:48 Bayu

ExtJS的4 - 如何使用Ext.ux.PreviewPlugin

回答

相關問題