import { EventData } from 'data/observable';
import { Page } from 'ui/page';
import { HelloWorldModel } from './main-view-model';
import {StackLayout} from "ui/layouts/stack-layout"
// Event handler for Page "navigatingTo" event attached in main-page.xml
export function navigatingTo(args: EventData) {
// Get the event sender
let page = <Page>args.object;
var array=[];
for(var i=0;i<100; i++)
{
array.push({index:""+i,title:"title "+i});
}
page.bindingContext = {"source":array};
}
export function onTap2(args){
console.log("sample");
var layouts = args.object;
var id = layouts.get("id");
console.log(id);
}
2 回答
在我看来,这与插件有关 . 作为解决方案,您可以将
tap
事件设置为Ripple
组件并获取元素id
,这将帮助您区分所选项目 . 我正在附上示例代码 .主page.xml
主page.ts
它与您添加到itemTemplate的“list-group-item”类有关 . 如果你删除了课程,你可以再次看到涟漪,但是没有造型...我做了以下事情:
1)添加此CSS样式
现在,在你的xml而不是使用“list-group-item”类中,你将使用“list-group-item-ripple” .
只有这一点,它应该工作 . 视频:注意,listview tap事件旨在使用属性“itemTap”ON“”标记,而不是作为子元素的点击事件!