编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

jquery easyui渲染动态控件

web开发中,为实现一些特效,动态的加载一些控件是无法避免的。本人在使用esayui的过程中就发现,动态加载accordion的时候,动态增加的accordion控件子项没有被正确的渲染。其实无法渲染的原因也很简单,就是在我动态增加这些子项或控件之前,easyui已经渲染了其他控件。 通过搜索,也发现了网上的一些解决方案,但是都没用。 

解决方法一: $.parser.parse(context,2); 不管怎么取context的值都无法正确渲染 

解决方法二: 此方法还是有用的,就是把jquery.easyui.min.js引用换成easyloader.js,但是换成easyloader.js之后问题就来了,我自定义的一些css什么都没了,至于什么原因我也没深究。 

最终的解决方法: 不使用class="easyui-accordion"的方式加载accordion 在动态append控件之后,比如在ajax请求complete中写上如下代码

$('#leftAccordion').accordion({
fit: true,
border: false
},2);

其中leftAccordion就是我需要渲染accordion的div。

未经允许不得转载: 技术文章 » javascript » jquery easyui渲染动态控件