Telerik UI Nativescript - эффект пульсации RadListView

Question

Я использую компонент RadlistView telerik ui для NativeScript в приложении NativeScript Angular 2.

Когда я установил событие itemTap и/или itemHold они работают очень хорошо, но без обычного эффекта крана (пульсации) в списке строки.

Есть ли способ добавить этот эффект?

Спасибо всем заранее :)

Answer 1

На мой взгляд, это то, что связано с плагином. В качестве решения вы можете установить событие tap на компонент Ripple и получить элемент id, который поможет вам отличить выбранный элемент. Я прилагаю пример кода.

основного page.xml

<Page xmlns:RL="nativescript-ripple" xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo"> 
<GridLayout> 
    <ListView items="{{ source }}" loaded="onLoaded"> 
     <ListView.itemTemplate> 
     <RL:Ripple rippleColor="#d50000" id="{{index}}" tap="onTap2"> 
      <StackLayout > 
        <Label text="{{title}}" textWrap="true" /> 
      </StackLayout> 
      </RL:Ripple> 
     </ListView.itemTemplate> 
    </ListView> 

</GridLayout> 
</Page> 

основные-page.ts

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); 
}