easyui 扩展layout的方法，支持动态添加删除块

转载于 2016-09-23 16:21:00 发布

· 378 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个布局插件的方法，包括如何移除和添加布局区域。通过简单的代码示例展示了如何利用这些方法来动态调整页面布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.extend($.fn.layout.methods, {
remove: function(jq, region){
return jq.each(function(){
var panel = $(this).layout("panel",region);
if(panel){
panel.panel("destroy");
var panels = $.data(this, 'layout').panels;
panels[region] = $('>div[region=' + region + ']', $(this));
$.data(this, 'layout').panels = panels;
$(this).layout("resize");
}
});
},
add:function(jq, params){
return jq.each(function(){
var container =$(this);
var panel = $('>div[region=' + params.region + ']', container);
if(!panel.length){
var pp = $('<div/>').attr("region",params.region).addClass('layout-body').appendTo(container);
var cls = 'layout-panel layout-panel-' + params.region;
pp.panel($.extend({},params.options,{
cls : cls
}));
var panels = $.data(this, 'layout').panels;
panels[params.region] = pp;
$.data(this, 'layout').panels = panels;
$(this).layout("resize");
}
});
}
});