0

この質問があります。次のビューが定義されています。

Ext.define('aBMin.view.TicketView', {
    extend : 'Ext.form.Panel',

    alias : 'widget.ticketview-panel',
    config : {
        layout : {
            type : 'vbox',
            align : 'center',
        },
        items : [{
            xtype : 'fieldset',
            defaults : {                
                labelWidth: '110px',
                labelWrap: true,
            },                  
            name : 'ticketviewfieldset',
            width : '100%',
            items : [{
                xtype : 'hiddenfield',
                name : 'clientemailid',
                label : 'ClientEmailId',
            }, {
                xtype : 'selectfield',
                name : 'clientid',
                label : 'Client',
                store : 'Client',
                displayField : 'clientname',
                valueField : 'clientid'
            }, {
                xtype : 'selectfield',
                name : 'projectid',
                label : 'Project',
                store : 'ProjectSF',
                displayField : 'projectname',
                valueField : 'projectid'
            }, {
                xtype : 'selectfield',
                name : 'ticketstatusid',
                label : 'Ticket status',
                store : 'TicketStatus',
                displayField : 'ticketstatusclient001',
                valueField : 'ticketstatusid'
            }, {
                xtype : 'checkboxfield',
                name : 'warrantysupport_yn',
                label : 'Warranty',
            }, {
                xtype : 'checkboxfield',
                name : 'ourfault_yn',
                label : 'Our fault'
            }, {
                xtype : 'selectfield',
                name : 'supportstaffid',
                label : 'Staff',
                store : 'Staff',
                displayField : 'staffname',
                valueField : 'supportstaffid'
            }, {
                xtype : 'textfield',
                name : 'subject',
                label : 'Subject'
            }, {
                xtype : 'textareafield'
                ,name : 'ticketdesc'
                ,label : 'Description'
                ,tpl : '<pre>{value}</pre>'
                /*,style : {
                    'width' : '100px'
                    ,'overflow' : 'auto'
                }*/
            }, {
                xtype : 'datepickerfield',
                label : 'Eta',
                name : 'eta',
                picker : {
                    slotOrder : ['day', 'month', 'year']
                }
            }, {
                xtype : 'textfield',
                name : 'timeestimate',
                label : 'Estimated time (min.)'
            }]
        }, {
            xtype : 'button'
            ,text : 'Update'
            ,action : 'ticketViewSubmit'
            ,ui : 'confirm'
            ,width : '100%'
            /*width : '10%',
            minWidth : '200px',*/
        }]
    }
    });

現在... ビューにコンテンツが読み込まれると、通常は正常に表示されますが、例外は... textareafield にHTML 形式のコンテンツが読み込まれる場合です (たとえば、多くのテキストがあり、その行が壊れない場合)。このような場合、私のフォームパネルはデバイスの画面上に展開されています。

このような問題に対処する方法について何かアドバイスはありますか?

私が対処しようとしていることを明確にするために、添付のスクリーンショットを参照してください。

ここに画像の説明を入力

ここに画像の説明を入力

4

1 に答える 1

0

将来誰かが同様の問題を抱えている場合は、次の解決策があります。

{
 xtype : 'textareafield'
,name : 'ticketdesc'
,label : 'Description'
,tpl : '<pre style="white-space: pre-wrap; word-wrap: break-word; word-break: break-all;">{value}</pre>'
,cls : 'scale-images'
}

の

<pre style="white-space: pre-wrap; word-wrap: break-word; word-break: break-all;">{value}</pre>

テンプレートは問題を解決しました（ほとんど）。さらに、画像はビューを「展開」することもできるので、そのようなものを追加できます

.scale-images img {
 max-width : 320px;
 height : auto;
}
于 2013-06-12T08:34:53.837 に答える