Изменить событие в TextField внутри шаблона ListView

Question

У меня есть шаблон ListView, который имеет заголовок Label, 2 кнопки Views (больше и меньше) и TextField со значением, мне нужно добавить событие изменения в этот TextField.

<ItemTemplate name="item" id="item" bindId="item"> 
    <View id="row" bindId="row"> 
     <Label bindId="title" id="title"/> 
     <View id="options" bindId="options"> 
      <View class="option" bindId="less" id="less"/> 
      <TextField bindId="input" id="input"/> 
      <View class="option" bindId="more" id="more"/> 
     </View> 
    </View> 
</ItemTemplate> 

В случае изменения я хочу добавить проверку, чтобы проверить, если значение является число, как это:

$.input.value = parseFloat(($.input.value.toString().replace(/,/g, '.')).replace(/[a-zA-Z ,_$#%&()~ºª´`'+*:;]/g,'')); 

Чем меньше и больше кнопок работают, его простое увеличение/уменьшение, но я не могу добавить слушателя к входу, я пробовал это 2 способами:

$.car.addEventListener('itemclick',function(list) { 

    var row = $.car.sections[0].getItemAt(list.itemIndex); 

    if(list.bindId == 'more') row.input.value++; 
    if(list.bindId == 'less') row.input.value--; 

    //tried this 1#: row.input.addEventListener('change',function() {}); 

    $.car.sections[0].updateItemAt(list.itemIndex,row); 
}); 

//tried this 2#: $.input.addEventListener('change',function() {}); 

Обратите внимание, что мне нужно использовать только слушателем, когда строка щелкнул, каждый раз, когда я изменить значение входного или использовать один f кнопками, я знаю, что индекс ListItem

Answer 1

Я не знаю, подходит ли это лучший подход, но я попытаюсь создать скрытый TextField, когда я нажимаю TextEield ListItem, размываю скрытый TextField , а в событии изменения он обновит TextField ListItem с тем же значением