Sencha touch добавить формат маски в поле цифр

Question

Я создаю проект Sencha touch 2 lib используя Sencha Architect. Как добавить формат маски (номер телефона США маски) на только-Accept номер поданной

Например, когда пользовательский ввод

, он должен отображать

123-456-7890 или (123) 456-7890

Когда я пытаюсь использовать Number Field, который может помочь фильтр только-принимать номер, но когда я установил значение поля Номер для 123-0001 это только показать 122, как это делают минус 123 и 1.

Пожалуйста Помогите. Спасибо.

Answer 1

Вы можете использовать spinnerfield, оно также позволит персонажу и замаскировать его, а затем установить значение, как вы делаете.

Answer 2

Touch имеет потрясающее средство, которое вы можете использовать для ваших нужд. Посмотри на Class System description, его первая часть, где обсуждаются SetName(), использование

в короткой каждой записи конфигурации имеет соответствующее применить() и обновление() функцию, которая используется через все кодовую

EDIT в вашем случае необходимо определить новый класс, назовем его PhoneText

Ext.define('MyApp.ux.field.PhoneText', { 
    extend: 'Ext.field.Text', 
    xtype: 'phonetextfield', 
    applyValue: function(value) { 
     var ext = getExt(value), 
      partOne = getPartOne(value), 
      partTwo = getPartTwo(value); 

     return Ext.String.format('(%s) %s-%s', ext, partOne, partTwo) 
    } 
} 

просто использовать свою собственную функцию версии applyValue, которая преобразует входное значение в вашем формате.

Обратите внимание, что в определении панели вы должны использовать xtype: 'phonetextfield', а не 'textfield', а add требует: ['MyApp.ux.field.PhoneText'].