展开/折叠特定jpanels
问题描述:
如何根据Title
或some id
扩展或折叠特定JPanels?展开/折叠特定jpanels
到目前为止,我可以切换使用按钮展开/折叠JPanels。
//Assigning a click event on button to trigger expand/collapse JPanel
$('#triggerPanelBtn').click(function(){
//alert($('.class').children('h3').attr("id"));
$('.class').children('h3').trigger('click');
});
var panels=""; //Creating JPanels on the fly
var trs='<tr width="100%">'+
'<th class="thPanel" align="left" width="40%">Database Type</th>'+
'<td align="left" width="60%" style="word-break:break-all;">Something</td>'+
'</tr>'+
'<tr width="100%">'+
'<th class="thPanel" align="left" width="40%">Database Version</th>'+
'<td align="left" width="60%" style="word-break:break-all;">Something</td>'+
'</tr>';
panels+='<div title="Database Version" class="class">'+
'<div class="jqUIDiv">'+
'<table class="jpanelTable">'+
'<tbody>'+trs+'</tbody>'+
'</table>'+
'</div>'+
'</div>';
panels+='<div title="ORS Databases" class="class" id="OrsDatabases">'+
'<div class="jqUIDiv">'+
'<table class="jpanelTable">'+
'<tbody>'+trs+'</tbody>'+
'</table>'+
'</div>'+
'</div>';
panels+='<div title="Master Database" class="class">'+
'<div class="jqUIDiv">'+
'<table class="jpanelTable">'+
'<tbody>'+trs+'</tbody>'+
'</table>'+
'</div>'+
'</div>';
$('#mainContent').empty();
$('<div>')
.html('<div>'+panels)
.appendTo('#mainContent').delay(10).queue(function(){
$('.class').jPanel({
'effect' : 'fade',
'speed' : 'slow',
'easing' : 'swing'
});
});
答
最后我想出了东西,帮我
$('#triggerPanelBtn').click(function(){
$('.class').each(function() {
if($(this).attr("title")==="ORS Databases") //I want to Expand/Collapse the JPanel having "ORS Databases" as it's Title
$(this).children('h3').trigger('click');
});
});
答
您可以使用最新的JPanel 1.4版默认开启功能,并指定面板像打开下面
$('#wrapperId').jPanel({
"defaultOpen" : true
// other settings
});
或如果你已经使用类选择器初始化了面板,并希望单独打开一些面板,使用按钮上的标题,单击你可以按照上面提到的那样进行操作。
你可以这样做:'this.title' –