easyui源碼分析（parser.js）（3）

parser子產品是easyloader第一個加載的子產品，它的主要作用，就是掃描頁面上easyui開頭的class标簽，然後初始化成easyui控件。

/**
     * parser子產品主要是解析頁面中easyui的控件
     */
    $.parser = {
        // 是否自動解析
        auto: true,

        // 可以被解析的控件
        plugins:['linkbutton','menu','menubutton','splitbutton','layout',
                 'tree','window','dialog','datagrid',
                 'combobox','combotree','numberbox','validatebox',
                 'calendar','datebox','panel','tabs','accordion'
        ],

        // 解析函數
        parse: function(context){
            if ($.parser.auto){
                for(var i=; i<$.parser.plugins.length; i++){
                    (function(){
                        // 控件名
                        var name = $.parser.plugins[i];
                        // 查找class為easyui-控件名的jq對象，例如，easyui-layout
                        var r = $('.easyui-' + name, context);

                        if (r.length){
                            // 如果有這個對象，那麼判斷它有沒有初始化函數
                            if (r[name]){
                                // 如果有直接調用
                                r[name]();
                            } else if (window.easyloader){
                                // 如果沒有用easyloader把子產品的js檔案載入進來，再調用
                                easyloader.load(name, function(){
                                    r[name]();
                                })
                            }
                        }
                    })();
                }
            }
        }
    };

    // 調用parse方法，實際上easyloader中已經調用了，我估計這個是給不是easyloader加載時使用的
    $(function(){
        $.parser.parse();
    });
})(jQuery);
           

原文連結