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