app-framework学习--动态管理panel
作者:木尘 日期:2015-01-17
<span style="font-size:18px;"> var panelUtil = { /********** 添加一个新的header **********/ addNewHeader : function (headerContent){ $("#afui").append(headerContent); }, /********** 添加一个新的panel **********/ addNewPanel : function (panelID,content,header,footer,load,unload,nav,aside){ var $div = $('<div id="'+panelID+'" class="panel" data-header="'+header+'" data-footer="'+footer+'" data-load="'+load+'" data-unload="'+unload+'" data-aside="'+aside+'" data-nav="'+nav+'"></div>') .append(content); $("#content").append($div); }, /********** 删除一个panelpanel **********/ removePanel : function (panelID){ $("#content").find("#" + panelID).remove(); }, /********** 删除一个header **********/ removeHeader : function (headerID){ $("#afui").find("#" + headerID).remove(); }, /********** 彻底销毁一个panel **********/ destroy : function (headerID,panelID){ $("#afui").find("#" + headerID).remove(); $("#content").find("#" + panelID).remove(); }, }</span>使用方法如下:
<span style="font-size:18px;"> panelUtil.addNewHeader("headerHtml");</span>
<span style="font-size: 18px;"></span><pre name="code" class="javascript"><span style="font-size: 18px;">panelUtil.addNewPanel("panelHtml");</span>
<span style="font-size: 18px;"> panelUtil.removeHeader("hederid");</span>
<span style="font-size: 18px;"> panelUtil.</span><span style="font-size: 18px; font-family: Arial, Helvetica, sans-serif;">removePanel("panelid");</span>
<span style="font-size: 18px;">panelUtil.</span><span style="font-size: 18px; font-family: Arial, Helvetica, sans-serif;">destroy(</span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px;">"</span><span style="font-size: 18px; font-family: Arial, Helvetica, sans-serif;">hederid</span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px;">",</span><span style="font-size: 18px; font-family: Arial, Helvetica, sans-serif;">"panelid");</span>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。