EasyUI Forum
March 28, 2024, 01:22:22 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: how to add a toolbar in a datagrid components  (Read 7633 times)
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« on: November 02, 2017, 08:13:58 PM »

how to add a toolbar in a datagrid components(如何在datagrid组建中添加工具栏)
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: November 02, 2017, 08:40:51 PM »

Here is the example shows how to combine the toolbar and datagrid component together.
Code:
<eui-panel>
<div class="datagrid-toolbar">
<eui-linkbutton>Add</eui-linkbutton>
<eui-linkbutton>Edit</eui-linkbutton>
</div>
<eui-datagrid [data]="data" [border]="false" style="height:250px">
<eui-grid-column field="itemid" title="Item ID"></eui-grid-column>
<eui-grid-column field="name" title="Name"></eui-grid-column>
<eui-grid-column field="listprice" title="List Price" align="right"></eui-grid-column>
<eui-grid-column field="unitcost" title="Unit Cost" align="right"></eui-grid-column>
<eui-grid-column field="attr" title="Attribute" width="30%"></eui-grid-column>
<eui-grid-column field="status" title="Status" align="center"></eui-grid-column>
</eui-datagrid>
</eui-panel>
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!