apache-flex - Flex Mobile 上的数据网格

Question

Adobe 告诉我们不要使用 Datagrid在移动设备上。我正在创建一个 Blackberry Playbook 应用程序，它有更多的屏幕空间来潜在地显示数据表。所以出现了几个问题!

如果我不应该使用 DataGrid，我应该使用什么？ (列表不算数，因为在我的应用程序中，我有 10 个表，每个表具有不同的列数和列宽)

好的，如果我必须使用 Datagrid，我如何设置它的大小以准确显示所有数据？例如，某些表具有不同长度的行，因此 requestsRowCount='-1' 似乎不起作用(请参见下面的示例)

代码

    <s:DataGrid  requestedRowCount="-1" requestedColumnCount="-1" variableRowHeight="true"  styleName="dataGrid" id="partiesGrid" dataProvider="{arr1}"  skinClass="skins.DataGridSkin" click="navigator.pushView(view.AssessmentInvolvementEditView)">
        <s:columns>
        <s:ArrayList>
            <s:GridColumn dataField="name" headerText="Name" width="150"/>
            <s:GridColumn dataField="role" headerText="Role" width="150"/>
            <s:GridColumn dataField="startdate" headerText="Start" width="100"/>
            <s:GridColumn dataField="enddate" headerText="End" width="100"/>
            <s:GridColumn dataField="presponsibility" headerText="Response" width="150"/>
            <s:GridColumn dataField="pcarer" headerText="Carer" width="110"/>
            <s:GridColumn dataField="kworker" headerText="Worker" width="110"/>
            <s:GridColumn dataField="kteam" headerText="Team" width="110"/>
        </s:ArrayList>
        </s:columns>
    </s:DataGrid>`

结果(注意高度不适合 3 行，它在底部增加了空间) !

Answer 1

让数据网格只显示添加的数据并非不可能，但这不是我会做的，尤其是对于移动应用程序。

就个人而言，我会使用包装在 Scroller 中的 DataGroup(使用 virtualLayout=true)设置为高度/宽度 100%(仅在数据“溢出”时显示)。 DataGroups 默认设置显示所有数据。您必须为数据创建自己的项目渲染器，并且可以创建自己的“标题”。

通过这样做，您从网格中删除了许多功能，但在移动应用程序中很少使用这些功能。另外，如果您创建数据组，您可以添加自己的触摸功能和手势来做事，同时保持网格的“权重”较低，以提供良好的用户体验。