Appcelerator виджеты привязки данных и нажмите событий

Question

Я пытаюсь построить следующий календарный виджету

widgets/com.ui.calendar/views/widget.xml

<Alloy> 
<Collection src="CalendarDay" instance="true" id="dateColl"></Collection> 
<View id="calHolder" height="Ti.UI.SIZE" layout="vertical"> 
    <ScrollView id="calBody" layout="horizontal" height="Ti.UI.SIZE" width="Ti.UI.FILL" dataCollection="$.dateColl"> 
     <Widget src="com.ui.calendar" name="daytile"></Widget> 
    </ScrollView> 
</View> 

widgets/com.ui.calendar/views/daytile.xml

<Alloy> 
<View id="calDayTile" layout="vertical" onClick="selectMe" bindId="{FullDate}"> 
    <Label id="calDayTileDay" text="{day}" width="Ti.UI.FILL"></Label> 
    <Label id="calDayTileDate" text="{date}" width="Ti.UI.FILL"></Label> 
</View> 

Это отображает пользовательский интерфейс, как показано на скриншоте выше.

Теперь я хочу привязать обработчик кликов, чтобы при клике на один день я мог отобразить этот фрагмент как выбранный и передать выбранную дату родительскому контроллеру.

<Widget src="com.ui.calendar" name="daytile" onClick="dateSelected"></Widget> 

Я в конечном итоге с следующей ошибкой:

[ERROR] : Script Error { 
[ERROR] :  column = 18; 
[ERROR] :  line = 34; 
[ERROR] :  message = "__alloyId213.getViewEx({\n     recurse: true\n   }).on is not a function. (In '__alloyId213.getViewEx({\n    recurse: true\n   }).on(\"click\", dateSelected)', '__alloyId213.getViewEx({\n    recurse: true\n   }).on' is undefined)"; 
[ERROR] :  sourceURL = "file:///Users/npatel/Library/Developer/CoreSimulator/Devices/A7BDE792-2DA3-4B3E-807B-505F4212AE96/data/Containers/Bundle/Application/8826886B-22B4-4586-A193-75D5EB3F204A/FieldServiceMobilityStage.app/alloy/widgets/com.ui.calendar/controllers/widget.js"; 
[ERROR] : } 

Любые указатели о том, как обрабатывать события в таком случае?

Answer 1

Я переместил обработку событий в родительский контейнер.

 <ScrollView id="calBody" layout="horizontal" height="Ti.UI.SIZE" width="Ti.UI.FILL" onDateselected="dateSelected" dataCollection="$.dateColl" dataFunction="refreshCalendar">