Как добавить атрибут в текстовое поле в Sencha Touch? - PullRequest
Новая
       39

Как добавить атрибут в текстовое поле в Sencha Touch?

0 голосов
/ 31 августа 2018

Я должен добавить атрибут к некоторым текстовым полям и числовым полям в моей сенсорной форме Sencha. там я не нашел ни одного параметра конфигурации, чтобы мы могли установить атрибут для этих полей / элементов управления.

Существует ли какая-либо опция, предоставляемая Sencha Touch, для добавления атрибутов к этим элементам управления?

как показано ниже html code / cotrols Мне нужно установить атрибут в сенсорном управлении Sencha. Если есть какой-либо способ, пожалуйста, предложите мне. Ваша помощь будет для меня очень полезна.

Это HTML-код. Я хочу, чтобы мой Sencha подал как этот атрибут, добавленный в HTML-код. здесь вы можете увидеть data-openpay-card добавлен как атрибут 

<html>
<label>Nombre del titular</label><input type="text" name="holder" placeholder="Como aparece en la tarjeta" autocomplete="off" data-openpay-card="holder_name"></input>
<label>Número de tarjeta</label><input type="text" name="card" autocomplete="off" data-openpay-card="card_number"></div <div class="sctn-col half l"><input type="text" name="month" placeholder="Mes" data-openpay-card="expiration_month"></div>
<div class="sctn-col half l"><input type="text" name="year" placeholder="Año" data-openpay-card="expiration_year"></div>

</html>

Ответы [ 2 ]

0 голосов
/ 31 августа 2018

@ Vikas В ExtJS они имеют конфигурацию inputAttrTpl. С его помощью очень легко определить атрибуты непосредственно для элемента ввода компонента текстового поля.

Но в Sencha Touch этот конфиг отсутствует для текстового поля. Что вам нужно сделать, это -

  1. Слушай нарисованное событие
  2. В этом случае, используя элемент текстового поля, который поступает в качестве параметра, вы можете найти соответствующий элемент ввода, выполнив запрос.
  3. затем установите атрибут, используя метод set

Pleae см. Следующую скрипку -

https://fiddle.sencha.com/#view/editor&fiddle/2kvu

0 голосов
/ 31 августа 2018

Вы можете установить атрибуты, как показано ниже: - 

{
    xtype: 'textfield',
    name: 'name',
    label: 'Name',
    listeners: {
        painted: function (el, eOpts) {
            el.dom.querySelector('input').setAttribute('data-openpay-card', 'your-value');
        }
    }
}

Рабочая скрипка

Надеюсь, что это поможет / поможет вам в достижении ваших требований.

...