雷林鹏分享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 IDProduct IDList PriceUnit CostAddressStatus

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

  下载 jQuery EasyUI 实例

  jeasyui-datagrid-datagrid19.zip(编辑:雷林鹏 来源:网络 侵删)

posted @ 2019-08-28 14:34  lei林鹏  阅读(120)  评论(0编辑  收藏  举报