使用ExtJs拆分文本框

Question

我想使用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/

Answer 1

请参阅this。

希望这能满足您的要求。