如何在Sencha Touch的Text字段中添加属性?

问题描述 投票:0回答:2

我必须在Sencha触摸表单中为某些文本字段和数字字段添加属性。在那里我没有找到任何配置选项,我们可以为这些字段/控件设置属性。

Sencha Touch是否提供了为这些控件添加属性的选项?

像下面的html代码/ 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>
javascript html extjs sencha-touch sencha-touch-2
2个回答
2
投票

@Vikas在ExtJS中,他们有inputAttrTpl配置。使用它很容易直接将属性定义到textfield组件的input元素。

但在Sencha Touch中,此配置不适用于文本字段。你需要做的是 -

  1. 聆听彩绘活动
  2. 在此事件中,使用作为参数出现的textfield元素,您可以通过执行查询来查找相应的输入元素。
  3. 然后使用set方法设置属性

请参考以下小提琴 -

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


1
投票

您可以设置如下属性: -

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

Working Fiddle

希望这有助于/指导您实现您的要求。

© www.soinside.com 2019 - 2024. All rights reserved.