1

リストに要素を追加するリストを作成しています。ここで、改行のない 1 つの長い文であるテキストをリストに追加すると、範囲外になります。

3 番目の要素、これはリストに追加された後の外観です

それは、リストに追加されるはずの実際のテキストです

私が望むのは、単語が長すぎる場合は、次の行に来るように明示的に分割することです。その方法がわかりません。

{
            cls:'notesList',
            xtype:'list',
            id:'notesList',
            height:300,
            whitespace:pre-wrap,
            allowDeselect: false,
            style:'background-color: rgba(0,140,153,1.0);',
            itemTpl:'<table><tr><td width="3%"><img src="resources/images/user.png" width="20em" height="20em" /></td>' +
                '<td width = "60%" style="font-weight:bold;text-align:left;">{Author}</td>' +
                '<td width = "40%" style="font-weight:bold;text-align: right">{Name}</td></tr>'+
                '<tr><td colspan=3>{Text}</td></tr></table>'
        },
4

2 に答える 2

0

私はこの問題を一度経験しましたが、テキストのコンテナに CSS を追加することで解決しました。

リストの itemCls 構成を使用して、リストの項目に CSS クラスを追加します。

次に、.css のこの CSS クラスに以下を追加します。

word-wrap: break-word;
overflow: hidden;
max-width: 247px;
width: 247px;

お役に立てれば

于 2012-06-26T17:10:36.983 に答える