kendo ui - kendo panelbar onSelect evento

dojo kendo ui

Question

onselect event: cuando hago clic en esto, esto cambiará la clase del elemento I en el interior, si hago clic en otro, la clase del elemento I anterior cambiará al original. Este es mi código, pero no funciona.

<ul id="type_list">
    <li> <i class="fa fa-file-text-o" aria-hidden="true"></i>  file 1</li>
    <li> <i class="fa fa-file-text-o" aria-hidden="true"></i>  file 2</li>
</ul>
// onselect
 function onSelect(e) 
    {   
    $(e.item).find("> .k-link i.fa.fa-file-text-o").attr("class","fa fa-check");
     $(this).find("> .k-link i.fa.fa-check").attr("class","fa fa-file-text-o");

Answer 1

En onSelect, primero reinicie todos los elementos de la barra de paneles a la clase original, luego configure la clase del elemento seleccionado (puede usar las funciones jQuery removeClass y addClass ):

function onSelect(e) 
{ 
   $("#type_list i.fa").removeClass("fa-check").addClass("fa-file-text-o");
   $(e.item).find("i.fa").removeClass("fa-file-text-o").addClass("fa-check");
}

MANIFESTACIÓN