girolando/componente-cruzamento

Girolando 组件 - 交叉组件

1.0.12 2020-06-01 14:29 UTC

This package is auto-updated.

Last update: 2024-08-29 05:00:28 UTC


README

使用说明

  {!! ComponenteCruzamento::init() !!} <!-- IMPORTANTE -->
  
  <button class="btnBusca">Buscar Cruzamento</button>
  <componente type="cruzamento" name="codigoCruzamento" dispatcher-button=".btnBusca" />
  
  <script>
    const componente = Componente.CruzamentoFactory.get('codigoCruzamento');
    componente.addEventListener(Componente.EVENTS.ON_FINISH, function(cruzamento) {
      console.log('O cruzamento selecionado foi: ', cruzamento);
    });
  </script>

findBy 方法

  const componente = Componente.CruzamentoFactory.get('nome-do-seu-componente');
  const cruzamentoEspecifico = await componente.findBy({codigoComunicacao: 198564}); 

getListItems 方法

此方法重新搜索在 datatable 中显示的 modal。示例

  • 用户打开组件并搜索由通信编号 3214 生成的交叉
  • 点击过滤按钮,datatable 显示 17 个结果
  • 然后用户选择了一个交叉,因此关闭了 modal。
  • 程序员希望现在在某个地方显示相同的 17 个交叉,即使 modal 已关闭。
  let page = 0;
  let perPage = 10;
  const itensDoModal = componente.getListItems(page, perPage); //obtem os primeiros 10 ítens
  datatable.data(itensDoModal);
  $(".datatable").on('page.dt', function() {
    datatable.data(await componente.getListItems(page * perPage, perPage)).draw();
  });