Virtual list nie obsługuje zdarzenia @click, dlatego trzeba posłużyć się konstrukcją

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
$$('.virtual-list').on('click', 'li', function () {
   var idSelected = $$(this).attr('data-id');
//w itemTemplate pierwsza linijka z polem data-id
//UWAGA!
//<li data-id="{{title}}..........

//check:

//   alert(idSelected);
//MODAL - wyskakująca strona
var dynamicSheet = app.sheet.create({
  content: '<div class="sheet-modal">'+
              '<div class="toolbar">'+
                '<div class="toolbar-inner">'+
                  '<div class="left"></div>'+
                  '<div class="right">'+
                    '<a class="link sheet-close">Done</a>'+
                  '</div>'+
                '</div>'+
              '</div>'+
              '<div class="sheet-modal-inner">'+
                '<div class="block">'+
                  '<p>'+ idSelected +'</p>'+
                  '<p><a href="#" class="link sheet-close">Close me</a></p>'+
                '</div>'+
              '</div>'+
            '</div>',
  // Events
  on: {
    open: function (sheet) {
      console.log('Sheet open');
    },
    opened: function (sheet) {
      console.log('Sheet opened');
    },
  }
});
  // Open dynamic sheet
  dynamicSheet.open();
});
Cordova (phonegap), JavaScript