在使用require.js异步加载easyui时，可能会遇到组件渲染不正常的情况，原因是easyui的渲染代码在定义之前执行。解决办法是在$(document).ready()后加入$.parser.parse()，确保所有组件在页面加载完成后被正确渲染。若需动态添加组件，添加后调用$.parser.parse()函数，可选地传入容器参数进行局部渲染。
正常情况下如果需要异步加载easyui.js文件, 格式如下:
require.config({
paths:{
"jquery": "./jquery-1.12.0.min",
"easyui": "./jquery.easyui.min",
},
shim: {
'easyui': {
deps: ['jquery']
}
}
});
define(["jquery", "easyui"], function($, easyui){
$(document).ready(function() {
//add your custom code here
})
});
但仅仅这样加载，有时候打开页面时候easyui的一些组件没有渲染完成，就是该有的css效果没有出现．根本原因是easyui不支持异步加载，它的渲染代码在前，各种定义在后，导致还没定义就先渲染，所以不会有效果，因为渲染部分是在easyui中的解析器$.parser.parse()中完成的．
所以为保证打开页面后组件全部被正常渲染，应该在$(document).ready(）后加上$.parser.parse(),即：
$(document).ready(function() {
$.parser.parse();
//add your custom code here
})
所以如果想通过js动态添加easyui的组件，添加完成后，可手动触发$.parser.parse()函数，从而保证新添加的组件被正确渲染．
这个函数也可以传递参数，从而指定一个局部渲染的容器．
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
