Наумов Алексей

С нами с 31 марта 2013; Место в рейтинге пользователей: #14

Написать сообщение

Наумов Алексей

29 мая 2020, 09:25

Я делаю так (именно для создания вкладки у ресурса!):
1. Плагин на OnDocFormRender, для новых ресурсов вкладку не показываю:

<?php
/** @var array $scriptProperties */
switch ($modx->event->name) {
    case 'OnDocFormRender':
        /** @var modResource $resource */
        if ($mode == 'new') {
            return;
        }
...

2. Далее подключаю все нужные js файлы, их у компонента много может быть, я для пример 2 показываю, но по факту их 10+:

$url = $easyComm->config['assetsUrl'];
$modx->controller->addJavascript($url . 'js/mgr/easycomm.js');
.... и остальные файлы
 $modx->controller->addLastJavascript($url . 'js/mgr/widgets/page.panel.js');

3. Далее есть сценарий, что установлен AjaxManager, тогда 2 варианта создания вкладки, немного разных:

if ($modx->getCount('modPlugin', array('name' => 'AjaxManager', 'disabled' => false))) {
            $modx->controller->addHtml('
			<script type="text/javascript">
				Ext.onReady(function() {
					window.setTimeout(function() {
						var tabs = Ext.getCmp("modx-resource-tabs");
						if (tabs) {
							tabs.add({
								xtype: "ec-panel-page",
								id: "ec-panel-page",
								title: _("ec"),
								record: {
									id: ' . $resource->get('id') . '
								}
							});
						}
					}, 10);
				});
			</script>');
        }
        else {
            $modx->controller->addHtml('
			<script type="text/javascript">
				Ext.ComponentMgr.onAvailable("modx-resource-tabs", function() {
					this.on("beforerender", function() {
						this.add({
							xtype: "ec-panel-page",
							id: "ec-panel-page",
							title: _("ec"),
							record: {
								id: ' . $resource->get('id') . '
							}
						});
					});
					Ext.apply(this, {
							stateful: true,
							stateId: "modx-resource-tabs-state",
							stateEvents: ["tabchange"],
							getState: function() {return {activeTab:this.items.indexOf(this.getActiveTab())};
						}
					});
				});
			</script>');
        }

4. ec-panel-home это уже панель вашего компонента, описана в page.panel.js, который был подключен на странице в плагине, ну типа:

easyComm.panel.Page = function (config) {
    config = config || {};
    Ext.apply(config, {
        baseCls: 'modx-formpanel',
        layout: 'anchor',

        hideMode: 'offsets',
        items: [ а здесь все содержимое, вкладки, формы и т.д. ]
    });
    easyComm.panel.Page.superclass.constructor.call(this, config);
};
Ext.extend(easyComm.panel.Page, MODx.Panel);
Ext.reg('ec-panel-page', easyComm.panel.Page);