Hierachy listview but second level swipeable only

Gesture enabled responsive lists
1

Hi I’m using a hierarchy list view. In my app it shows the inital 1st level choices letting you click to go to the second level.

At the second level I’d like to enable swipe actions, but if I initialize like this:

$(’#notifications’).mobiscroll().listview({
enhance: true,
stages: [{
percent: -25,
icon: ‘link’,
color: ‘green’,
text: ‘View’,
confirm: true,
action: function (event, inst) {
var id = event.target.getAttribute(‘data-id’);
window.location.href = ‘/crm2/{{ Request::segment(2) }}/contacts/’ + id + ‘’;
}
},
{
percent: 25,
color: ‘red’,
icon: ‘remove’,
text: ‘Dismiss’,
confirm: true,
action: function (event, inst) {
var id = event.target.getAttribute(‘data-id’);
$.ajax({
url:"/crm/{{ Request::segment(2) }}/birthday/" + id + “/dismiss”,
type:‘GET’,
dataType: ‘json’,
success: function(data) {
inst.remove(event.target);
}
});

return false;
}
}]
});

function remove(ev, inst) {
inst.remove(ev.target);
return false;
}

the 1st level is also swipeable which I don’t want. First level should only click to the second level. Second level should have the swipe actions. Anyway to do this?

2

Hi Todd,

You can use the itemGroups option where you can specify different options to a group of items, this way you can define different settings only for specific levels of the hierarchy.

3

thanks for the note. Appreciate it.