5

今日、mx:Datatagrid の代わりに Spark データグリッドをテストすることにしました。しかし、問題が発生しました: wordWrap オプションが見つかりませんでした。解決方法をご存知ですか?

<s:DataGrid id="scrollableDG" borderVisible="true"  editable="true"
                     width="100%" height="{bgSuivi.height-90-90}">

 //Setup columns for scrollable datagrid
    var gridColumn:GridColumn = new GridColumn();
    gridColumn.dataField="scRub2";
    gridColumn.headerText = "Rub1";
    gridColumn.width = 80;
    gridColumn.editable = true;
    columnLst.addItem(gridColumn);

    var gridColumn:GridColumn = new GridColumn();
    gridColumn.dataField="scRub3";
    gridColumn.headerText = "Rub1";
    gridColumn.width = 80;
    gridColumn.editable = true;
    columnLst.addItem(gridColumn);

    var gridColumn:GridColumn = new GridColumn();
    gridColumn.dataField="scRub4";
    gridColumn.headerText = "Rub1";
    gridColumn.width = 80;
    gridColumn.editable = true;
    columnLst.addItem(gridColumn);
    scrollableDG.columns = columnLst;

ありがとう

4

3 に答える 3

8

元の投稿者は回答を選択しませんでした。前の 2 つを組み合わせて 1 つのスーパー回答にします! :P

variableRowHeight を使用して、Spark DataGrid のすべての列でワード ラッピングを有効にできます。

<s:DataGrid variableRowHeight="true">
</s:DataGrid>

または、デフォルトの GridColumn アイテム レンダラーでワード ラップ プロパティを使用して、個々の列でワード ラップを有効にすることができます。

<s:GridColumn dataField="fields.description" headerText="Description" >
    <s:itemRenderer>
        <fx:Component>
            <s:DefaultGridItemRenderer wordWrap="true"/>
        </fx:Component>
    </s:itemRenderer>
</s:GridColumn>

さらに、Grid Column の例では、水平スクロール バーを防止したい場合は、幅を設定することをお勧めします。

<s:GridColumn width="{dataGrid.width-column1.width-column3.width}" dataField="fields.description" headerText="Description" >
    <s:itemRenderer>
        <fx:Component>
            <s:DefaultGridItemRenderer wordWrap="true"/>
        </fx:Component>
    </s:itemRenderer>
</s:GridColumn>

探している動作を得るには、変数行の高さを true に設定し、列幅を設定する必要があることがわかりました。

于 2012-09-07T20:17:34.800 に答える
0

flex4.6までは、 s:DataGridItemRendererはありませんが、 mx:DataGridItemRendererはあります。したがって、コードは次のようになります。

<s:GridColumn headerText="foo" labelFunction="fooLabelFunction">
    <s:itemRenderer>
        <fx:Component>
            <mx:DataGridItemRenderer wordWrap="true" />
        </fx:Component>
    </s:itemRenderer>
</s:GridColumn>
于 2012-06-28T08:05:14.400 に答える
0

[編集]

おっと、私の最初の答えはDataGridColumn、 Spark ではなく MX コンポーネントについて言及していましたGridColumn。修正された答え...

グリッドのデフォルトのアイテム レンダラーは でDataGridItemRendererあり、true に設定する必要があるワード ラップ プロパティがあります。variableRowHeight確かではありませんが、グリッドのプロパティもtrueに設定する必要があるかもしれません...

これを MXML で行うには、次のようになります。

<s:DataGrid variableRowHeight="true">
    <s:itemRenderer>
        <fx:Component>
            <s:DataGridItemRenderer wordWrap="true" />
        </fx:Component>
    </s:itemRenderer>
</s:DataGrid>
于 2012-05-24T17:20:52.557 に答える