`
hgfghww7
  • 浏览: 46429 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

Flex DataGrid 控件知识汇总,创建、全选、删除、分页、样式

 
阅读更多

  DataGrid控件是一个可以展示多列数据的列表控件。它是一个格式化的数据表格,可以设置可编辑的单元格,是许多数据驱动应用的基础。
  下边的几个主题介绍了关于DataGrid的几个高级应用,怎么格式化单元格的数据,以及怎样控制用户的输入。
  关于DataGrid控件
  DataGrid控件可以提供以下功能:
  1、可调尺寸、排序、自定义列(包括隐藏列)
  2、设置自定义列和标题行(包括设置标题行文本换行)
  3、在运行时用户可以resize and reorder
  4、触发选中事件
  5、可以在任一列使用自定义项目输出(custom item renderer)
  6、支持分页
  7、锁定行和列,不显示滚动条
  创建一个DataGrid控件
  使用标签 在MXML中定义一个DataGrid控件,一般来说每个控件都需要一个id.
  DataGrid控件使用一个基于列表的数据对象,绑定到dataProvider属性。
  你可以不使用 标签,因为它是DataGrid的默认属性。你还可以不使用 标签在 标签中,因为它是ArrayCollection 类的默认属性。
  举了例子:
   
   
   
   
   
   
  Pavement 
  11.99 
  Slanted and Enchanted 
   
   
  Pavement 
  Brighten the Corners 
  11.99 
   
   
   
  
  默认的,列的顺序按照属性名字的字母顺序排列。使用mx:DataGridColumn明确有哪些列:  
   
   
   
   
   
   
   
   
   
   
   
   
  
  在这个例子中,显示两列:Album和Price,如果我们去掉  就会显示本来的三列了。 还可以自定义列的标题:headerText
  隐藏和显示列
  你可能有时需要显示或隐藏某一列,可以使用列的visible属性,在这个例子中,使用一个按钮来控制列的显示。  
   
   
  width="350"> 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
  
  通过ActionScript绑定数据
  数据变化时,我们不需要重新绑定
   
   
   
   
   
   
  width="350" height="200" 
  dataProvider="{initDG}" > 
   
   
   
   
   
  
  再把版主的例子搬出来
  介绍如何在Flex DataGrid 删除和Flex DataGrid全选数据。
  1. 点击check box选中item,或点击全选,选中所有项。
  2. 点击删除选中项,选中项的 status将变成 Deleted.
  
  内容详见这里: http://bbs.airia.cn/thread-3067-1-1.html
  FLEX DataGrid分页
  分页显示数据是网站浏览中必备的元素之一,在FLEX中通过数据分页的方法来获取当前显示数据,即能降低网络传的负担同时也能减少Flex的处理工作。
  分页控件需要的功能有:首页,上一页,下一页,未页和页数跳转等。
  内容详见这里:http://lib.airia.cn/2010/1119/1053.html
  通过FLEX CSS的方式定义Flex DataGrid 滚动条的样式
  http://bbs.airia.cn/forum-viewthread-tid-6451-page -1-authorid-6103.html
分享到:
评论

相关推荐

    flex datagrid 嵌套checkbox实现全选

    在Flex开发中,数据网格(DataGrid)是用于展示数据集合的强大组件,它允许用户以表格形式查看和操作数据。本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的...

    Flex dataGrid 全选、反选

    本文将详细讨论如何在Flex DataGrid中实现全选和反选功能,并结合`checkBox`来优化这一过程。 首先,我们要理解DataGrid的结构。DataGrid由多个列组成,每一列可能包含不同类型的控件,如文本、图像或复选框。在...

    flex基于datagrid控件的增删改查及分页实现

    在本主题中,“基于datagrid控件的增删改查及分页实现”是一个常见的需求,特别是在开发数据密集型的Web应用时。下面将详细介绍这个主题中的相关知识点。 1. Flex DataGrid 控件: DataGrid是Flex中一个强大的组件...

    flex datagrid 前台 分页

    3. **用户界面**:创建分页控件,如页码选择器和记录数显示,通过事件监听来响应用户操作,更新DataGrid的数据。 4. **数据排序和过滤**:如果需要在前台进行数据排序或过滤,要确保这些操作不会影响到整个数据集,...

    Flex DataGrid CheckBox 一个简单的全选

    在Flex开发中,DataGrid组件是一个非常常用的控件,它用于展示数据集合,并提供交互式操作,如排序、选择等。本示例聚焦于DataGrid中的CheckBox集成,特别是实现一个全选的功能。以下是对这个主题的详细解释: 一、...

    flex在DataGrid中实现checkbox全选或取消

    本文将深入探讨如何在Flex中的DataGrid组件中实现复选框的全选与取消全选功能,这对于数据操作和用户交互至关重要。 在Flex的DataGrid组件中,我们通常会遇到这样的需求:当用户需要对多条记录进行批量操作时,如...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

    Flex Datagrid全选功能

    "Flex Datagrid全选功能"是指在Datagrid中实现一个功能,让用户能够一键选择所有行,这在处理大量数据时非常有用。下面我们将详细探讨如何在Flex中实现Datagrid的全选功能。 1. **Datagrid组件**: Datagrid是Adobe ...

    WPF 分页DataGrid 分页控件的实现

    8. **自定义外观**:根据需求,你可以自定义DataGrid的样式,以及分页控件的外观和交互。 以上就是使用C#在WPF中实现DataGrid分页的基本流程。实际项目中可能还需要考虑其他细节,如错误处理、性能优化等。在wpf....

    flex datagrid 分页控件源码

    在描述中提到的“flex datagrid pagination”是指DataGrid控件的一个重要特性——分页功能。在处理大数据集时,分页是必不可少的,因为它能提高用户体验,避免一次性加载所有数据导致的性能问题。下面将详细讲解Flex...

    在flex的dataGrid控件中显示图片的实践

    在Flex开发中,DataGrid控件是用于展示结构化数据的常用组件,它可以灵活地显示表格形式的数据。本文将深入探讨如何在DataGrid中显示图片,特别是在与Spring、Hibernate和Struts等框架集成的背景下,如何处理二进制...

    flex dataGrid 分页控件

    这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...

    silverlight4 DataGrid控件 增删改 全选

    以上就是关于Silverlight 4中DataGrid控件进行数据操作的基本知识点,包括增、删、改以及全选功能的实现方法。如果你需要更详细的信息,建议参考博客或其他相关的技术文档,以便深入理解和实践。

    Flex中DataGrid内嵌CheckBox的全选反选和防止选择状态错乱实现方法

    本文将详细探讨如何在Flex的DataGrid中实现CheckBox的全选和反选功能,以及如何防止选择状态错乱的问题。 首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含...

    在DataGrid中使用CheckBox,实现全选功能

    在.NET框架中,Windows Forms和WPF应用中经常使用DataGrid控件来展示和操作数据。这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在...

    WPF中的DataGrid、Button、ComboBox等样式+DataGrid分页控件

    总的来说,WPF的DataGrid、Button和ComboBox提供了强大的数据展示和用户交互能力,通过自定义样式和分页控件,我们可以创建出既实用又美观的应用程序界面。理解和掌握这些知识点对于提升WPF开发技能至关重要。

    DataGrid控件用法详解

    DataGrid控件允许程序员定制列的类型和样式,例如,可以创建文本列、日期列、复选框列等。同时,可以设定单元格的背景色、字体、边框样式等,以满足不同的视觉需求。 五、事件处理 DataGrid控件提供了一系列事件,...

    vb中datagrid控件的详细使用方法

    在VB(Visual Basic)编程环境中,`DataGrid`控件是一个非常重要的组件,它用于显示数据源中的数据,如数据库、数组或记录集。`DataGrid`控件为用户提供了一种交互式的表格形式,可以进行浏览、编辑和操作数据。在本...

    vb DataGrid 控件的使用

    VB中的DataGrid控件是一个非常实用的工具,用于在用户界面中展示和操作数据库...通过理解和掌握这些知识点,开发者能够有效地利用VB中的DataGrid控件创建功能丰富的数据库应用程序,提供用户友好的数据浏览和编辑体验。

Global site tag (gtag.js) - Google Analytics