如何在Sencha Touch的“文本”字段中添加屬性？

Question

我必須在我的Sencha觸摸表單中為一些文本字段和數字字段添加屬性。 在那里我沒有找到任何配置選項，我們可以將屬性設置為這些字段/控件。

Sencha Touch提供了任何選項來向這些控件添加屬性嗎？

像下面的html代碼/控件一樣，我需要在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>

Answer 1

@Vikas在ExtJS中，它們具有inputAttrTpl配置。 使用它很容易直接將屬性定義為textfield組件的input元素。

但是在Sencha Touch中，文本字段不存在此配置。 您需要做的是-

聽繪畫活動
在這種情況下，使用即將出現的textfield元素作為參數，您可以通過執行查詢找到相應的輸入元素。
然后使用set方法設置屬性

請參考以下小提琴-

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

Answer 2

您可以設置如下屬性：

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

工作小提琴

希望這會幫助/指導您達到要求。

如何在Sencha Touch的“文本”字段中添加屬性？

問題描述

2 個解決方案

解決方案1
2 已采納 2018-08-31 10:30:00

解決方案2
1 2018-08-31 07:33:31

如何在Sencha Touch的“文本”字段中添加屬性？

問題描述

2 個解決方案

解決方案1 2 已采納 2018-08-31 10:30:00

解決方案2 1 2018-08-31 07:33:31

解決方案1
2 已采納 2018-08-31 10:30:00

解決方案2
1 2018-08-31 07:33:31