please adding BarCode widget

need ComboTreeGrid widget

Hi,
In your demo code, you use  ng-template in the template, How to assign the editor to the column in code dynamically?

Is there any demo?

How to cache various editor in datagrid?

Hi,
I have made it worked. The node data must have "state"

Tree nodeExpand event not fired.

Hi,
after add the euiResizable, when click it , the layoutpanel is disappeared from the UI and cannot click it to return it back.

after set its parent div width=100%, it still doesn't work. After check with chrome, your eui-textbox and eui-passwrodbox wrappeed a <span> outside the <input> so manually set the outer <span> width = 100% in the chrome browser debugger, then its ok.

when we use <input> its ok, but when changed to eui-textbox, failed.

Hi,
the datagrid height cannot be 100%

eui-textbox and eui-passwordbox width = 100% failed in form

You should add 'display:flex' style to the layout panel.

Code:

<eui-layout-panel region="center" [bodyStyle]="{display:'flex' }" style="height:100%;">
...
</eui-layout-panel>

As a shortcut, you can use this code instead:

Code:

<eui-layout-panel region="center" bodyCls="f-column" style="height:100%;">
...
</eui-layout-panel>

After use your above suggestion, its ok now. But after combine the sample code of dynamic tab content https://www.jeasyui.com/demo-angular/main/index.php?plugin=Tabs&theme=material&dir=ltr&pitem=Dynamic%20Tab%20Content&sort=, the datagrid height cannot be 100% of the it parent container. use chrome to debug found there is a <app-user> element outside datagrid elment

Hi,
after use the sample code dynamic tab content https://www.jeasyui.com/demo-angular/main/index.php?plugin=Tabs&theme=material&dir=ltr&pitem=Dynamic%20Tab%20Content&sort=, the datagrid height cannot be 100% of the tab.

the following is the code:

tab component:
<eui-datagrid
    [pagination]="true"
    [lazy]="true"
    [data]="data"
    [total]="total"
    [pageNumber]="pageNumber"
    [pageSize]="pageSize"
    [pagePosition]="pagePosition"
    [loading]="loading"
    (pageChange)="onPageChange($event)" bodyCls="f-column" style="height:100%;border: 1px solid red;padding: 0px">
    <eui-grid-column field="inv" title="Inv No" width="100%"></eui-grid-column>
    <eui-grid-column field="name" title="Name" width="100%"></eui-grid-column>
    <eui-grid-column field="amount" title="Amount" width="100%" align="right"></eui-grid-column>
    <eui-grid-column field="price" title="Price" width="100%" align="right"></eui-grid-column>
    <eui-grid-column field="cost" title="Cost" width="100%" align="right"></eui-grid-column>
    <eui-grid-column field="note" title="Note" width="100%"></eui-grid-column>
</eui-datagrid>

appcomonent:

<eui-layout #layout fit ="true" style="height: 100%">
  <eui-layout-panel region="north" class="logo" title="后台管理"   style="text-align:center;">
  </eui-layout-panel>
  <eui-layout-panel region="west" title="导航" collapsible="true" euiResizable handles="e"  style="width:150px;" (resizing)="layout.updatePaddings()">
    <eui-tree [data]="menuData" (nodeClick) ="menuClick($event)"></eui-tree>
  </eui-layout-panel>
  <eui-layout-panel region="center" bodyCls="f-column" style="height:100%;">
    <eui-tabs #tabsHost style="display:flex;flex:1">
      <eui-tab-panel [title]="'Home'" iconCls="icon-ok">
        <p>The home tab.</p>
      </eui-tab-panel>
      <eui-tab-panel *ngFor="let tab of tabs" [title]="tab.title" bodyCls="f-column" style="height:100%;border: 1px solid red;padding: 0px">
        <tab-detail [component]="tab.component"></tab-detail>
      </eui-tab-panel>
    </eui-tabs>
  </eui-layout-panel>
  <eui-layout-panel region="south">
    <eui-panel-header>
      <div class="panel-title" style="text-align:center">2015-2017</div>
    </eui-panel-header>
  </eui-layout-panel>>
</eui-layout>

Is it possible to use component name string "Dy1Component" to load component, so that AppComponent doesn't depend on Dy1Component. Because may be there many commponents.