痞客興的部落格

本文主要是針對EasyUI使用js呼叫操作時,關掉自動加載,改成手動加載,增加對程式的控制

所以我們會在index.js加上 $.parser.auto = false;

這樣就關掉了EasyUI的自動加載,僅能透過在程式裡加入功能加載指令來啟用

$.parser.auto = false;
$(function(){
    $.parser.parse();
});

像上例第一行關掉自動加載後,透過 $.parser.parse(); 來加載所有的功能模組.

若是只要加載特定的功能模組時

$.parser.auto = false;
$(function(){
    $.parser.parse('#box');
});

這樣就會加載id為box的下功能模組,但要注意得是這個id必須是功能模組父類的id

<div id="box">
            <div class="easyui-dialog" style="width:400px;height:200px"
                data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
                    dialog content.
            </div>
</div>

而在控制方面EasyUI還有提供了一個 $.parser.onComplete 來執行功能模組載入完成後再執行的方法

$.parser.auto = false;
$(function(){
    $.parser.parse('#box');
});

$.parser.onComplete = function(){
    alert('complete');
}

本文參考李炎恢EasyUI視頻實作,記錄步驟備忘.