1

3 つの列を持つ dataGrid4 という名前の Wakanda Grid があります。2 番目の列 (Models という名前) のテキストを列のセル内で折り返す必要があります。font-size は 10 px に設定され、列 ht は 27 px に設定されます。

見つけたり考えたりできることはすべて試しました。私がうまくいくと思うのは：

#{id}dataGrid4 .waf-widget-body .waf-dataGrid-col-Models .waf-dataGrid-cell .content {
white-space: normal;
word-break: break-all;
}

それでも、ワードラップを達成することはできません。Safari 開発者ツール (および上記のコード) を使用してセルを強制的に編集すると、テキストが折り返されます (つまり、テキストが次の行に折り返されず、テキストが読めなくなります)。

これは、 Wakanda Gridの問題である可能性があります。わからない。注: Wakanda 10.187175 を使用

4

3 に答える 3

2

グリッドの行の高さが異なると、スクロール位置の計算で問題が発生し、結果的に情報の遅延読み込みが発生します。

それを達成することはできますが、結果は平凡でバグのあるものになります。

dataGrid1ただし、ID としてグリッドで調整したこのソリューションを採用することをお勧めします。

  1. 現在の CSS の微調整を維持します。

#dataGrid1 .waf-widget-body .waf-dataGrid-cell .content {
  white-space: normal;
  word-break: break-all;
}

  1. ページの読み込み時に、次の Javascript コードを実行します。

WAF.widgets.dataGrid1.setRowHeight(100);

その結果、長いテキストの可視性が許容できる、より大きな dataGrid が得られます。

于 2016-03-23T11:17:54.553 に答える
1

確かに、Wakanda DataGrid のスクロールは行の高さが一定になるように適切に設定されているだけです。ストレート テキスト以外のカスタマイズについては、ある程度自由にできるように設計された 2 つのコマンドがあります。

onRowDraw() http://doc.wakanda.org/home2.en.html#/Wakanda-Widgets-Instance-API/Grid/onRowDraw.304-1009465.en.html

setRenderer() http://doc.wakanda.org/home2.en.html#/Wakanda-Widgets-Instance-API/Grid-Column/setRenderer.301-864078.en.html

必要に応じて、これらのコマンドを使用して、グリッド内の行または特定の列のレンダリングに使用されるデフォルトの DOM 要素を置き換えることができます。

于 2016-03-23T23:29:09.617 に答える
0

ロジックは同じ高さの行に基づいているため、グリッドでテキストを折り返すのは良い考えではないと思います。この仮定が当てはまらなくなった場合、複数のバグが発生する可能性があります。

于 2016-03-23T09:55:55.177 に答える