如何添加 Dojo Gridx 的工具条自定义组件（2）

look_w

现存的 Gridx 工具条组件Gridx 目前已经提供的工具条组件包括：FilterBar、PaginationBar 和 SummaryBar。下面我们先对现有的工具条组件进行简单的介绍。

• FilterBar 的实现我们先来看看 FilterBar 渲染以后的效果（图 1）
  图 1.FilterBar 效果图实现的代码为：
  

  1	modules: ["gridx/modules/FilterBar"]

  
  
  
  filterBar 组件会在 grid header 上面展现出来。
  
• PaginationBar 的实现图 2.PaginationBar 示图代码实现为：
  

  1	modules: [ "gridx/modules/PaginationBar"]

  
  
  
  Pagination 组件会在 grid 页面下展示， 它是由三个工具条内容组件构成：summary、 pagination 和 pageSize。Summary 展示本页包含的记录数目，总的记录数目还有在这个 grid 被选择的记录数目。Pagination 展示在这个 grid 里一共有多少页面，而且给用户选择页面的方式。pageSize 则给用户选择在这个页面展示多少记录数目。
  
• SummaryBar图 3.SummaryBar 示图代码实现为：
  

  1	modules: [ "gridx/modules/SummaryBar"]

  
  
  
  SummaryBar 组件跟 paginationBar 组件一样，会在 grid 页面下展示， 但是它只有一个 summary 组件组成。
  

使用现存的工具条组件的局限性

• 每个工具条的功能单一，filterBar 只能提供 filter 功能，paginationBar 提供了 pagination 相关的功能。
• 不能调整工具条的位置，filterBar 只能在 grid 的上方，paginationBar 和 summaryBar 只能在下方。
• 不能自己添加自己定义的功能内容组件。
• 当需要多个内容组件时(包含 filter 和 pagination)，页面布局会变的很拥挤。