Leilin Peng Share jQuery EasyUI Data Grid - creating complex Toolbar

　　Data Grid (datagrid) toolbar (toolbar) can contain buttons and other components. You can pass a an existing DIV tags simply define the toolbar layout, the DIV tag will become the content of the data grid (datagrid) toolbar. This tutorial will show you how to create complex data grid toolbar (datagrid) components.

　　Create a toolbar (Toolbar)

　　

 

　　

 

　　

　　

　　

　　

　　

　　

 

　　

 

　　Date From:

　　To:

　　Language:

　　

　　url="data/combobox_data.json"

　　valueField="id" textField="text">

　　Search

　　

 

　　

 

　　Create a data grid (DataGrid)

　　

　　url="data/datagrid_data.json"

 

　　title="DataGrid - Complex Toolbar" toolbar="#tb"

　　singleSelect="true" fitColumns="true">

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

Item ID	Product ID	List Price	Unit Cost	Address	Status

　　As you can see, the data grid (datagrid) toolbar Fields dialog box (dialog) similar. We do not need to write any javascript code, you can create a data grid with a complex toolbar (datagrid).

　　Download jQuery EasyUI examples

　　jeasyui-datagrid-datagrid19.zip (edit: Leilin Peng Source: network intrusion deleted)