Flex 垂直数据网格

2024-05-06

我可以有一个垂直而不是水平显示数据的数据网格吗?

例如,如果这是我的数据提供者:

array('firstname':'John','lastname':'Doe'),
array('firstname':'Jack','lastname':'Jill')

我希望数据显示如下:

Fields        Value1    Value2
Firstname     John      Jack
Lastname      Doe       Jill

等等..实现此目的的最佳方法是什么..如果我必须扩展数据网格组件,请解释如何..


所以这是一个黑客......但事实证明你不能轻易改变 Spark 数据网格的流程。据我所知,您需要覆盖其中的几乎每个组件,并且需要很长时间。 DataGrid 使用自己的布局,并且似乎非常注重 1 行 = 1 条数据的主题。

所以...开始破解:

<s:DataGrid rotation="270">
  <s:columns>
    <s:ArrayList>
      <s:GridColumn itemRenderer="unrotate" headerRenderer="headerUnrotate"/>
      <s:GridColumn itemRenderer="unrotate" headerRenderer="headerUnrotate"/>
    </s:ArrayList>
  </s:columns>
</s:DataGrid>

好吧……我做了什么?我只是旋转整个数据网格。我该如何解决这个问题,这样我们就不必倾斜你的头?我取消旋转 itemrenderer 中的每一列。神圣黑客蝙蝠侠。

这是项目渲染器取消旋转:

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">

<fx:Script>
    <![CDATA[
        override public function prepare(hasBeenRecycled:Boolean):void {
            lblData.text = data[column.dataField]
        }
    ]]>
</fx:Script>

<s:Label id="lblData" top="9" left="7" rotation="90"/>

</s:GridItemRenderer>

头代码类似,只需旋转 90 度即可回到我们开始的位置。我知道这个解决方案远非完美,但它是我能想到的最好的解决方案,而且不会完全扰乱 DataGrid 类

您可能还需要覆盖皮肤以提供更宽的标头...这实际上是一个更高的标头,因为我们旋转了 270 度。除此之外,它实际上应该可以正常工作......

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flex 垂直数据网格 的相关文章

  • 正确设置 DataGridCell 样式

    这是我之前的问题之后的一个问题 你可以在那里找到它 https stackoverflow com questions 7092145 styling a textblock autogenerated in a contentpresen
  • 具有平滑、无限滚动功能的最佳开源网格

    当我开始从事当前的项目时 我接到了一项相当艰巨的任务 构建一些本质上可以取代人们在公司内部使用的大型电子表格的东西 这就是为什么我们认为分页表永远不会起作用 而且老实说 我认为分页是愚蠢的 在分页表上显示动态变化的数据是蹩脚的 假设第 2
  • Flex - 自动调整数据网格大小的问题

    我正在尝试创建一个数据网格 它将垂直调整大小以确保所有渲染器完整显示 此外 渲染器的高度可变 渲染器可以自行调整大小 一般来说 事件的流程如下 项目渲染器之一会自行调整大小 通常响应用户单击等 它调度父数据网格拾取的冒泡事件 DataGri
  • Flex 字典字面量

    在 Flex 中工作 我需要用相当复杂的结构填充字典 基于本文档页面 http livedocs adobe com flex 3 html help html content 10 Lists of data 4 html我尝试通过以下语
  • WPF DataGridTemplateColumn 标题绑定不起作用

    我将 DataGrid 与一些手动创建的 DataGridTemplateColumns 一起使用 这是工作中的代码片段
  • 正确地将 flash.utils.Dictionary 序列化为 SharedObject

    我的 Flex 项目中有一个名为 HashMap 的便利集合类 它本质上是 flash utils Dictionary 的包装器 带有一堆便利方法和添加的 同步的 ArrayCollection 以便我可以将 HashMap 传递给需要的
  • 使用 Jquery Easyui 将数据网格导出到 Excel

    我是 json 新手 我使用 php 从 mysql 表生成了 jason 数据 并希望将生成的 json 导出为 xls 格式 考试导出 php
  • 如何从 XAML 中为样式中的控件指定工具提示?

    我正在使用 Microsoft CodePlex 项目中的 WPF 数据网格 我有一个自定义控件 我想将其数据绑定到数据网格行中的字段 我一生都无法弄清楚如何在数据网格行上指定工具提示 我最接近的是使用 RowStyle 和 Setter
  • WPF MVVM将DataTable绑定到DataGrid不显示数据

    我有一个简单的控件 其中包含一个 DataGrid 其中 ItemsSource 绑定到 DataTable 当我填充 DataTable 时 我可以看到 DataGrid 中添加了行 但没有显示任何数据 我没有为此 DataGrid 使用
  • 在 Dojo 数据网格中添加一行

    努力寻找一些易于理解的代码 如何在 Dojo 数据网格 版本 1 4 2 中添加行并清除所有行 假设数据有 2 列 其中包含客户 ID 和地址 我在用 dojo data ItemFileWriteStore 存储值 但再次不太确定应该如何
  • 通过样式设置 DataGridCellsPresenter 的 ItemsPanel 不起作用

    我正在尝试设置ItemsPanel of a DataGridCellsPresenter在我的窗口的资源中 Bu
  • 在应用程序创建完成时设置 Spark DataGrid 列的默认排序(Flex 4.5)

    我有一个包含多个列的 Spark DataGrid 组件 我希望我的应用程序默认按 DataGrid 中第一列的降序排列 我想使用单击顶部标题一次时发生的内置默认排序 我不需要对我正在使用的 ArrayCollection 进行排序或更改比
  • WPF DataGrid - 在每行末尾添加按钮

    我想在数据网格的每一行的末尾添加一个按钮 我找到了以下 xaml 但它将按钮添加到开头 有人知道如何在所有数据绑定列之后添加它吗 这会将按钮添加到开头而不是末尾
  • 如何将行变成列?

    我有一个数据库 其中存储分组到项目中的关键字以及与每个关键字相关的数据 然后我显示每个项目的数据网格 每个关键字一行和几列 全部从同一个表 数据 中检索 我有 4 个表 关键字 项目 group keywords 和数据 keywords
  • WPF DataGrid 验证/绑定模式错误

    我创建了一个非常简单的新项目 仅测试 Microsoft WPF DataGrid 行为 不涉及其他 我只使用标准的 DataGrid
  • 在 ant/nant 中构建 Flex 项目

    我的公司经常遇到 Flex 项目构建中断的问题 出现该问题的主要原因是开发人员在本地计算机上执行的构建与在构建计算机上发生的构建根本不同 开发人员正在使用以下方式构建项目FlexBuilder eclipse并且构建机器正在使用命令行编译器
  • Flex formitem 标签对齐奇怪

    我对这个头发给予了相当大的敬意 为什么标签 1 和标签 2 的垂直对齐方式不同
  • Actionscript 3 中的外部配置文件

    我需要能够将外部配置文件加载到我的 Flex 应用程序中 我读到 只要将 mimeType 设置为 application octet stream 就可以使用嵌入 package learning import org flixel pu
  • 如何进行 Flex 日期扣除和添加

    在 Flex 中 我试图进行日期扣除和添加 但找不到方法 例如 公共 var dateNow Date new Date 如何获得比现在日期早 3 个月的日期 谢谢 您可以为此使用 Date 构造函数 Date 构造函数的第一个参数采用年份
  • WPF DataGrid 选定项

    我有一个 DataGrid 用户可以通过在最后一行输入数据来添加项目 我还有一个按钮可以删除当前选定的项目 但是 当选择最后一行 空 用于添加新项目 时 最后选定的项目将保留在 SelectedItem 中 因此 如果我打开窗口 选择最后一

随机推荐