代码之家 › 专栏 › 技术社区 › Vikas Hire

如何在senchatouch中为文本字段添加属性?

sencha-touch-2 sencha-touch extjs html javascript

Vikas Hire · 技术社区 · 7 年前

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

就像下面的html代码/控件一样,我需要在sencha touch控件中设置属性。如果有什么办法,请建议我。你的帮助对我很有价值。

这是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 回复 | 直到 7 年前

4zh4r_s4l4ti 7 年前

@在ExtJS中,它们有inputattpl config。使用它可以很容易地将属性直接定义到textfield组件的输入元素。

但在senchatouch中,文本字段不存在此配置。你需要做的是-

听听这件事
在这个事件中,使用作为参数的textfield元素,您可以通过查询找到相应的输入元素。
然后使用set方法设置属性

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

Community Mohan Dere 5 年前

可以设置如下属性下图:-

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

Working Fiddle

希望这能帮助/引导你达到你的要求。

推荐文章

Vikas Hire · 如何隐藏/删除操作列项?

8 年前

Malay Dave · 如何在邮件中添加标签。使用Extjs的box

9 年前

Seeni Vasan · Android文件夹未在cordova平台文件夹中创建

10 年前

Pushkar Kathuria · xtype selectfield中的选择栏实现与datepickerfield相同

10 年前

Prince of Sweet heart · 更改事件不适用于selectfield?

10 年前

now_world · Sencha touch iOS运行在模拟器上显示黑屏

11 年前

user2916684 · Phonegap 2014-如何从Javascript调用java本地代码(Sencha Touch)

11 年前

Ace.Yin · 如何在sencha触摸转盘上添加固定按钮

11 年前

Sebastian · 如何使用Sencha Touch在输入字段内放置按钮?

11 年前

user2978042 · 从Sencha Touch 2.3.2开始构建原生Android的步骤

11 年前