Как поставить кнопку dx рядом с dxo-export? - PullRequest
Новая
       27

Как поставить кнопку dx рядом с dxo-export?

0 голосов
/ 12 июня 2019

Кнопка экспорта / dxo-export является частью dx-data-grid. Я хочу сделать эти две кнопки dx параллельно кнопке dxo-export и выровнять их по правому краю. Таким образом, кнопки dx и кнопка dxo-export имеют одинаковую линию и выравнивают. enter image description here

Это мой код. Dx-кнопка находится вне dx-data-grid. Вот я и подумал, что кнопки не могут быть вместе 

  <dx-button id="gridRealistSelected" 
    icon="fas fa-clipboard-check" 
    [height]="34" [width]="40">
  </dx-button>
  <dx-button id="gridSharePlan" 
    icon="fa fa-share-alt" 
    [height]="34" [width]="40">
  </dx-button>

  <dx-data-grid id="gridContainer" 
    keyExpr="id"
    [dataSource]="shoppingPlan">

    <dxo-export 
      fileName="Rencana Belanja"
      [enabled]="true"  
      [allowExportSelectedData]="false">
    </dxo-export>

    <dxi-column 
      dataField="ket" 
      caption="Keterangan">
    </dxi-column>
    <dxi-column 
      dataField="harga" 
      caption="Harga">
    </dxi-column>
  </dx-data-grid>

1 Ответ

0 голосов
/ 25 июня 2019 
  onToolbarPreparing(e){
    this.gridElement = e.element;
    this.toolbarItems = e.toolbarOptions.items;

    this.toolbarItems.unshift({
      name: 'realistPlanButton',
      location: 'after',
      widget: 'dxButton',
      options: {
        hint: 'Realisasi Rencana',
        icon: 'fas fa-clipboard-check',
        onClick: this.realistPlan.bind(this)
      }
    },{
      name: 'sharePlanButton',
      location: 'after',
      widget: 'dxButton',
      options: {
        hint: 'Realisasi Rencana',
        icon: 'fa fa-share-alt',
        onClick: this.sharePlan.bind(this)
      }
    });
  }
...