使用ExtJs分割文本框

我想使用ExtJS以分割方式为单个标签创建文本框。其实我的要求是一个电话号码的标签，它需要一个文本框分成3个框，用“ - ”（连字符）分隔。它应该如下。使用ExtJs分割文本框

电话号码：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/

来源

2012-12-17 tmh

首先你应该告诉我们你自己做了一些努力。 – lontivero

见this。

希望这可以满足您的要求。

来源

2012-12-19 02:30:27 srknori

，部分服务的目的，但我需要一个文本框被拆分成3boxes ..谢谢反正... – tmh

然后，你需要有3个文本框宽度设置和验证。在一个文本框中使用CSS进行控制并不可靠。 – srknori

使用ExtJs分割文本框

回答

相关问题