使用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分割文本框

回答

相關問題