热点:

    Flash Builder 4.0 DataGrid表头样式设置

      [   原创  ]   作者:
    收藏文章 暂无评论

    DataGrid是Flex中常用的高级表格组件,支持多种表格样式。本文将介绍如何自定义表头外观,以及为表格内容行设置交替背景色,从而提升数据展示的清晰度与美观性。

    1、 在新建的Flex项目中,于默认的src包内创建一个名为Table.mxml的Flex应用程序文件。

    2、 切换至设计视图,定位并打开DataGrid组件的可视化编辑窗口,所示。

    3、 将DataGrid控件拖入设计视图窗口,在其上点击鼠标右键,从弹出的快捷菜单中选择配置列选项。

    4、 点击配置列按钮,将弹出设置窗口,用于调整DataGrid中各列的绑定字段名称与表头显示文本,具体界面所示。

    5、 设置时,按图示添加表格列。

    6、 切换至代码编辑模式后,表格将显示为如下HTML代码结构。

    7、 列标题为姓名,对应数据字段为num。

    8、 表格列标题为性别,对应数据字段为sex。

    9、 年龄列:用于显示数据中age字段对应的数值。

    10、 列标题为爱好,对应数据字段为interest。

    11、 地址列,用于显示数据项中的地址信息,表头文字为地址,对应数据字段名为address。

    12、 随后,配置DataGrid的数据源,具体设置所示。

    13、 配置DataGrid的数据绑定与表头样式

    14、 数据提供者,负责为系统供应数据源。

    15、 rowCount 表示数据的行数。

    16、 (3)headerStyleName:用于指定表头的样式名称。

    17、 (4)textAlign:设置文本的对齐方式

    18、 headerColors:用于设置表格表头的颜色

    19、 (6)headerSeparatorSkin:隐藏表格头部的分隔线

    20、 垂直网格线:控制是否显示表格的列分割线。

    21、 (8)交替行颜色:设置表格奇偶行不同背景色

    22、 selectionColor:用于设置选中项的颜色

    23、 (10)selectionDisabledColor:鼠标悬停时的禁用项高亮颜色

    24、 (11)允许多选:设置是否支持同时选择多个项目。

    25、 所示

    26、 通过内部样式设置表头的字体颜色、大小及加粗效果。

    27、 字体设置为微软雅黑。

    28、 }

    29、 所示

    soft.zol.com.cn true https://soft.zol.com.cn/1253/12535464.html report 1543 DataGrid是Flex中常用的高级表格组件,支持多种表格样式。本文将介绍如何自定义表头外观,以及为表格内容行设置交替背景色,从而提升数据展示的清晰度与美观性。 1、 在新建的Flex项目中,于默认的src包内创建一个名为Table.mxml的Flex应用程序文件。 2、 切换至设计视...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    APNSoft DataGrid 2.5

    更新时间:2008年04月03日

    用户评分:0 | 0人点评

    软件类型:共享软件

    软件语言:简体中文

    APNSoft DataGrid 2.5
    • 更新时间:2008年04月03日
    • 软件大小:5.8MB
    • 软件分类:编程工具
    • 语言种类:简体中文
    • 软件评级:有 0 人点评