1 项目中想要实现水平折叠效果的panel,但ExtJs只支持垂直Accordion layout(http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.layout.container.Accordion)。不支持水平折叠,所以我们只好求助于jQuery的这款插件来实现功能了
demo网址:http://nicolahibbert.com/demo/liteAccordion/
2 在需要用的插件的地方添加dev标签
html: '<div id="jobDetails"></div>'
3 控制器函数中初始化插件:
var newId = this.getDynamicJobDetailsId(component);
detail = $('#jobDetails');
detail.attr('id',newId);
$('#' + newId).liteAccordion({
containerHeight: 118,
containerWidth: window.innerWidth-220,
easing: 'swing',
activateOn: 'click',
theme : 'neptune'
}).find('figcaption:first').show();