Mobile list view - select item persistent

[buzud]

When I select an item I show a side panel (with controls to adjust some list item data);
Now when the list item lost focus , I need to remain persistent selected and different as colour.

Is that possible? And if yes how ?
Can use CSS class of the

Code: Select all

.ui-listview li .selected {}

?

Thanks!

[Alexander Bulei]

Hi,

The jquery mobile framework, doesnt add any css class on click, so you must do it by yourself:

javascript code

function (event, ui){
  $(event.currentTarget).closest('ul').find('li.custom-selected').removeClass('custom-selected');
  $(event.currentTarget).addClass('custom-selected');
}

Put this click on each Item.OnVClick.Script, and them style your item with:

css code

li.custom-selected{
  background:red;
}

Best Regards.

[buzud]

Dear Alexander,

Works perfect !
This model will help me a lot...
thank you very much!

Dan

[mstokes]

If you just wish to use the default "Active Button" colours for the JQuery theme you are using, you can use this script instead and no need for custom CSS.

Code: Select all

function (event, ui){
$(event.currentTarget).closest('ul').find('li.ui-btn-active').removeClass('ui-btn-active');
$(event.currentTarget).addClass('ui-btn-active');
}