0

ExtJSを使用して、単一のラベルのテキストボックスを分割して作成したいと思います。実際、私の要件は電話番号のラベルです。これには、「-」（ハイフン）で区切られた3つのボックスに分割されたテキストボックスが必要です。次のようになります。

電話番号：770-268-3320

各角かっこをテキストボックスと見なします。私の要件が何であるかを理解していただければ幸いです...よろしくお願いします

Ext.onReady(function(){
    Ext.create('Ext.form.Panel', {
        //title: 'Simple Form',
        bodyPadding: 5,
        width: 400,
        // The form will submit an AJAX request to this URL when submitted
        url: 'save-form.php',
        // Fields will be arranged vertically, stretched to full width
        layout: 'anchor',
        defaults: {
            anchor: '100%'
        },    
        // The fields
        defaultType: 'textfield',
        items: [{
            fieldLabel: 'PhoneNumber',
            name: 'phoneNumber',
            allowBlank: false
        },{
            fieldLabel: 'CustomerName',
            name: 'custCLLI',
            allowBlank: false
        }],

        // Reset and Submit buttons

        renderTo: Ext.getBody()
    });
});

または、ここで確認できます：http: //jsfiddle.net/jA8Qy/5/

4

1 に答える 1

1

これを参照してください。

これがあなたの要件に対応することを願っています。

于 2012-12-19T02:30:27.690 に答える