1

ExtJSでプロパティグリッドを作成しようとしています。私が抱えている問題は、テキストが列に対して広すぎることです。テキストを強制的に折り返して、より高い行を作成する方法はありますか？これが私がこれまでに持っているものです：http：//jsfiddle.net/lordzardeck/pLYt3/1/

基本的に、これを読むためにタイトル行を拡張したいと思います。

A Reason for Spelling (Level B):  
Teacher's Guidebook

これは可能ですか？もしそうなら、どのように？

4

3 に答える 3

3

このCSSを追加するだけです：

.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner {
    white-space: normal;
}

.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner,
.x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner {
    background-image: none;
}

.x-property-grid .x-grid-row .x-grid-property-name,
.x-property-grid .x-grid-row-over .x-grid-property-name
{
    background-position: -16px 1px;
    background-image: url("http://dev.sencha.com/deploy/ext-4.1.0-gpl/resources/themes/images/default/grid/property-cell-bg.gif");
    background-repeat: repeat-y;
}
于 2012-05-16T07:42:20.483 に答える
0

グリッドのcustomEditorsプロパティを使用します。

更新された例を参照してください。

于 2012-05-15T23:43:33.007 に答える
0

white-space: normal;ExtJS 6を使用して設定すると、スクロール時にレンダリングの問題が発生します

cellWrap: trueこのスレッドで指摘されているように、列に設定する必要があります。

https://www.sencha.com/forum/showthread.php?205554-extjs-grid-column-text-wrap-around-auto-expand

于 2017-07-18T15:21:42.767 に答える