Руководство пользователя Отмена

Фрагменты кода для пользовательских компонентов

 

В этой статье рассматриваются фрагменты кода для пользовательских компонентов

Можно добавить фрагменты кода в пользовательские компоненты, чтобы упростить взаимодействие с компонентом. Давайте рассмотрим два примера, которые есть в Animate. Новые фрагменты кода добавляются в раздел «HTML5 Canvas» -> «Компоненты».

  1. Фрагмент кода для присоединения обработчика события щелчка к кнопке

    // Отключите несколько обработчиков, так как они могут использоваться в кадровых сценариях
    if(!this.instance_name_here_click_cbk) {
    function instance_name_here_click(evt) {
    // Запустите пользовательский код
    console.log("Button clicked");
    // Завершите выполнение пользовательского кода
    }
    // Присоедините обработчик событий на родительском объекте к фильтру в качестве
    // Идентификатора экземпляра компонента
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
    this.instance_name_here_click_cbk = true;
    }
    // Отключите несколько обработчиков, так как они могут использоваться в кадровых сценариях if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Запустите пользовательский код console.log("Button clicked"); // Завершите выполнение пользовательского кода } // Присоедините обработчик событий на родительском объекте к фильтру в качестве // Идентификатора экземпляра компонента $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
    // Отключите несколько обработчиков, так как они могут использоваться в кадровых сценариях
    if(!this.instance_name_here_click_cbk) {
     function instance_name_here_click(evt) {
      // Запустите пользовательский код
      console.log("Button clicked");
      // Завершите выполнение пользовательского кода
     }
    
     // Присоедините обработчик событий на родительском объекте к фильтру в качестве 
     // Идентификатора экземпляра компонента
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
     this.instance_name_here_click_cbk = true;
    }
    

    Обратите внимание, что обработчик событий присоединяется к родительскому объекту (dom_overlay_container) с фильтром, установленным для экземпляра компонента. Это важно, так как экземпляр компонента может отсутствовать при попытке присоединить обработчик события. Благодаря этому обработчики событий инициируются правильно.

    Можно подобным образом подготовить обработчики событий для пользовательских компонентов.

  2. Фрагменты кода для получения значений из любого элемента управления для ввода

    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
  3. Фрагмент кода, который может выполняться при присоединении экземпляра компонента к DOM

    // Прослушивание присоединенного события, запущенного средой выполнения компонента
    $("#dom_overlay_container").on("attached", function(evt, param) {
    // Проверка идентификатора экземпляра
    if(param && param.id == 'movieClip_1') {
    $("#movieClip_1").text("My Button");
    }
    });
    // Прослушивание присоединенного события, запущенного средой выполнения компонента $("#dom_overlay_container").on("attached", function(evt, param) { // Проверка идентификатора экземпляра if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("My Button"); } });
    // Прослушивание присоединенного события, запущенного средой выполнения компонента
    
    $("#dom_overlay_container").on("attached", function(evt, param) {           
    // Проверка идентификатора экземпляра 
    if(param && param.id == 'movieClip_1') {                           
    
    $("#movieClip_1").text("My Button");                          
    }
    });
    

Получайте помощь быстрее и проще

Новый пользователь?