3.2.6. extControl#

Это внешний компонент, предназначенный для отображения данных выборки.

Шаблон серверного кода внешнего компонента#

  class Gs3_ExtControlExampleAbi extends ExtControlAbi {

  }

Шаблон клиентского кода внешнего компонента#

 class MyControl {
     constructor(name) {
         this.name = name;
         this.isAttached = false;
     }

     init(controlContext) {
         this.controlContext = controlContext;
         this.unsubscribeNodeChanges = this.controlContext.extController.subscribeNodeChanges({
             onSubscribe(rootNode) {},
             beforeVisitModel() {},
             beforeVisitNode(pNode) {},
             beforeAddToParent(pNode, parentNode) {},
             afterLoadNode(pNode) {},
             afterVisitNode(pNode) {},
             beforeCleanNode(pNode, parentNode) {},
             afterVisitModel() {},
             beforeConsignmentVersionChange() {},
             afterConsignmentVersionChange() {}
         });
     }

     destroy() {
         this.unsubscribeNodeChanges();
         this.controlContext = null;
     }

     attach(parent) {
         this.controlParent = parent;
         // Здесь создаём в `composerParent` необходимые HTML-элементы.
         this.isAttached = true;
       }

     detach() {
         this.isAttached = false;
         while (this.controlParent.lastChild) this.controlParent.removeChild(this.controlParent.lastChild);
         this.controlParent = null;
     }
 }

Пример кода Avm#

  <representation name="ExtControl" editMode="edit">
      <layout>
          <simpleComposer>
              <frame filter.isVisible="false">
                  <extControl name="gs3/ExtControlExample"
                              backendClass="ru.bitec.app.gs3.test.extctrl.Gs3_ExtControlExampleAbi"
                              frontendUri="ru/bitec/app/gs3/test/extctrl/web/main.js"/>
              </frame>
          </simpleComposer>
      </layout>
  </representation>