雷林鹏分享：jQuery EasyUI 数据网格 - 创建复杂工具栏

　　jQuery EasyUI 数据网格 - 创建复杂工具栏

　　数据网格(datagrid)的工具栏(toolbar)可以包含按钮及其他组件。 您可以通个一个已存在的 DIV 标签来简单地定义工具栏布局，该 DIV 标签将成为数据网格(datagrid)工具栏的内容。 本教程将向您展示如何创建数据网格(datagrid)组件的复杂工具栏。

　　创建工具栏(Toolbar)

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　Date From:

　　To:

　　Language:

　　

　　url="data/combobox_data.json"

　　valueField="id" textField="text">

　　Search

　　

　　

　　创建数据网格(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

　　正如您所看到的，数据网格(datagrid)的工具栏域对话框(dialog)相似。我们不需要写任何的 javascript 代码，就能创建带有复杂工具栏的数据网格(datagrid)。

　　下载 jQuery EasyUI 实例

　　jeasyui-datagrid-datagrid19.zip

　　本文转载自：w3cschool(编辑：雷林鹏 来源：网络 侵删)