2012-11-27 73 views
0

當我點擊一個PanelBar的條形圖時,我同時選擇了該選項,並將其切換(打開/關閉)。是否可能不打開它,但只需選擇單擊控制打開/關閉的圖標?打開/選擇KendoUI面板條

回答

2

恐怕這不被支持。

$('#panelbarName>li').on('click',function(e){ 
    if(!$(e.target).is('.k-icon')){ 
     e.stopPropagation(); 
    }  
}) 

不幸的是,更多的邏輯來進行處理,只是選擇(選擇項目)而不展開:作爲一個局部變通,你只能通過點擊這樣的展開箭頭使PanelBar展開並選擇。

+0

我接受你的建議,因爲答案事件是不完整的(因爲你已經指出的),但我的想法,實際上我一直在尋找,如果有得到它的一些(隱藏)選項。不存在它,我會重新考慮用戶界面不尋找複雜的解決方案。 – OnaBai

1
$("#panelbar>li").on("click", function (e) { 
    if ($(e.target).is(".k-i-arrow-s")) { 
     $("#panelbar").data("kendoPanelBar").expand($(e.target).closest("li")); 
    } 
    else if ($(e.target).is(".k-i-arrow-n")) { 
     $("#panelbar").data("kendoPanelBar").collapse($(e.target).closest("li")); 
    } 
    else { 
     $("#panelbar").data("kendoPanelBar").select($(e.target).closest("li")); 
    } 
    e.stopPropagation(); 
})