require.js加载easyui出现不正常渲染问题

正常情况下如果需要异步加载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()函数，从而保证新添加的组件被正确渲染．

这个函数也可以传递参数，从而指定一个局部渲染的容器．