ExtJS 4 - как использовать Ext.ux.PreviewPlugin

Question

Поскольку теперь я использовал только плагин для редактирования и как я использую это первое добавление:

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

в моем initComponent: function, а затем применить это:

plugins: [this.editing], 

И я был готов к работе. Но obv. этот подход не работает на Ext.ux.PreviewPlugin, так что я гугле I немного и найти какой-то пример, который:

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

Я не совсем уверен, которые вызывают эту ошибку, и я использую пример напрямую, так что я ожидал получить некоторые ошибки из-за этого, но я думаю, что мне не хватает общий подход к использованию этих видов плагинов , поэтому я думаю, что мне нужны более общие рекомендации о том, как настроить этот плагин, и, возможно, тогда он сможет настроить его для моих точных потребностей.

Так или иначе, нужна помощь, чтобы заставить этот плагин работать.

Благодаря

Лерон

Answer 1

Это зависит от версии ExtJS, но если вы используете 4.0.7 - просмотр рана плагина будет по умолчанию не в src\ каталоге, но в \examples\ux.

Я бы рекомендовал, чтобы скопировать его оттуда \src\ux и убедитесь, что вы включили всю зависимость (например, специальные классы CSS или другие вещи из \examples\ux)

Answer 2

Для более четкого использования реализация 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» я гость это является Difinition по пути приложения вы должны положить в необходимом модуле позже функцией Ext.require(), и я уверен, что «../ux» - это относительный путь к каталогу «ux», который содержит некоторые официальные плагины. Вы можете получить его из каталога «example» с пакетом ExtJS, который находится по адресу: examples/ux. Вы должны скопировать этот каталог где-то относительно исходного кода, я бы предложил скопировать его в каталог исходного кода.

Затем включите плагин на Ext.require как последуйте (см подачи-viewer.html кода вокруг линии 48-й):

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