or
<div id="packages"> <ul id="panelBar"> <li class="k-state-active"> Package 1 <div id="package_1"> <ul> <li class="k-state-active">Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <div id="Item_1">Item 1</div> <div id="Item_2">Item 2</div> <div id="Item_3">Item 3</div> <div id="Item_4">Item 4</div> </div> </li> <li> Package 2 <div id="package_2"> <ul> <li class="k-state-active">Item 5</li> <li>Item 6</li> <li>Item 7</li> <li>Item 8</li> </ul> <div id="Item_5">Item 5</div> <div id="Item_6">Item 6</div> <div id="Item_7">Item 7</div> <div id="Item_8">Item 8</div> </div> </li> </ul></div>
$("#grid").kendoGrid({ dataSource : dataSource, selectable : "row", pageable : true, sortable : { mode : "multiple", allowUnsort : true }, height : 600, rowTemplate : kendo.template($("#rowTemplate").html()), altRowTemplate : kendo.template($("#rowTemplateAlt").html()), filterable : true, columns : [{ width : "100px", title : "Foto", field : "foto", filterable : false }, { title : "Nombre", field : "nombre", filterable: { extra: false, //do not show extra filters operators: { // redefine the string operators string: { contains: "Contiene" } } } }, { title : "Apellidos", field : "apellidos", filterable: { extra: false, //do not show extra filters operators: { // redefine the string operators string: { contains: "Contiene" } } } }, { title : "Edad", field : "edad", filterable : true, filterable: { extra: true, //show extra filters operators: { // redefine the string operators number: { lt: "menor de", gt: "mayor de" } } } }, { title : "Idioma", field : "idioma", filterable : true, filterable: { extra: false, //do not show extra filters operators: { // redefine the string operators string: { contains: "Contiene" } } } }, { title : "Categorias", field : "categorias", filterable : true, filterable: { extra: false, //do not show extra filters operators: { // redefine the string operators string: { contains: "Contiene" } } } }, { title : "Telefono", field : "telmovil", filterable : true, filterable: { extra: false, //do not show extra filters operators: { // redefine the string operators string: { contains: "Contiene" } } } }, { title : "Acciones", filterable : false }] })
if ( expressions.filters.length == 2){ if ( expressions.filters[1].value == "undefined" ){ expressions.filters.pop(); } }<div id="container"> <div id="top"></div> <div id="middle"></div> <div id="bottom"></div></div><a id="remove">remove bottom panel</a>$(document).ready(function(){ $('#container').kendoSplitter({ orientation: 'vertical', panes: [{},{},{}] }); $('a#remove').click(function(e){ e.preventDefault(); $('#container').data('kendoSplitter').removePanel('#bottom'); });});