2

Description複数行フォーム フィールドをワードラップしてテキストを上揃えにするにはどうすればよいですか?

代替テキスト

<script type="text/javascript">
    clearExtjsComponent(regionContent);
    var panel_form = new Ext.FormPanel({
        labelWidth: 100,
        frame:true,
        style: 'margin: 10px',
        title: 'Test Product ID#2',
        bodyStyle:'padding:5px 5px 0',
        width: 500,
        defaultType: 'textfield',

        items: [{
                fieldLabel: 'ID',
                value: '2',
                name: 'id',
                disabled: true,
                width: 370,
                style: 'text-align: right',
                name: 'id',
                disabled: true,
                width: 50,
            },{
                fieldLabel: 'Product',
                value: 'Envelope',
                name: 'product',
                width: 370,
            },{
                fieldLabel: 'Description',
                value: 'Having a good idea about the functional requirements and client-side technology choices, the next step was to decide how things were going to be on the server side. To channel all communications with my web client I decided to use an http handler. For the articles repository, a binary file would go very well with my simplicity and short-construction-time requirements. Any data access and business logic would be placed inside class libraries.',
                name: 'description',
                width: 370,
                height: 100,
            },{
                    ...

試してみるとxtype: 'textArea'、次のエラーが表示されますtypes[config.xtype || defaultType] is not a constructor。

        },{
            fieldLabel: 'Description',
            value: 'Having a good idea about the functional requirements and client-side technology choices, the next step was to decide how things were going to be on the server side. To channel all communications with my web client I decided to use an http handler. For the articles repository, a binary file would go very well with my simplicity and short-construction-time requirements. Any data access and business logic would be placed inside class libraries.',
            height: 100,
            xtype: 'textArea',
            name: 'description',
            width: 370,
        },{
4

1 に答える 1

3

をに変更しdefaultTypeました'textfield'。これは、xtype[説明]フィールドを除くすべてのフィールドで使用するものです。そのフィールドには、のが必要xtypeです'textarea'。これにより、通常のhtml textareaのように、テキストとワードラップが自動的に上揃えになります。テキストが多いと、テキストエリアにスクロールバーが表示される可能性があることに注意してください。スクロールバーを避けたい場合は、構成TextAreaオプション、、、growおよびgrowMaxを確認してくださいgrowMin。

例：

   {
       xtype: 'textarea',
       fieldLabel: 'Description',
       value: 'Having a good idea about the functional requirements and client-side technology choices, the next step was to decide how things were going to be on the server side. To channel all communications with my web client I decided to use an http handler. For the articles repository, a binary file would go very well with my simplicity and short-construction-time requirements. Any data access and business logic would be placed inside class libraries.',
       name: 'description',
       width: 370,
       height: 100,
    }
于 2010-12-17T15:40:09.530 に答える