码迷,mamicode.com
首页 > Web开发 > 详细

easyui---easyloader.js

时间:2018-10-25 14:10:59      阅读:550      评论:0      收藏:0      [点我收藏+]

标签:cti   width   模块   替换   parser   dialog   com   r.js   themes   

技术分享图片

1、easyloader.js 是根据用户指定,动态加载组件,可以替换下面jqueryeasyui

<!-- <script type="text/javascript" src="js/jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
<link href="js/jquery-easyui-1.6.7/themes/default/easyui.css" rel="stylesheet" type="text/css" > 
<link href="js/jquery-easyui-1.6.7/themes/icon.css" rel="stylesheet" type="text/css"/>-->
$(function(){ 
    easyloader.load("dialog",function(){   // 需要加载指定的模块组件,在回调函数初始化组件
        $("#dialogid").dialog({
            
            title:"mydialog",
            width:400,
            height:300,
            content:"aaaa"
        })
        
    
})

2、可以直接在html中加载组件

<div id="dialogid" class="easyui-dialog" title="mydialog" style="width:300px;height:400px" >aaa</div>

为什么可以这样用?easyuiloader会调用parser解析器,看源码

技术分享图片 技术分享图片

parser解析器会寻找html中带有class中easyui-开头,解析-后面组件,然后加载html,渲染

 

easyui---easyloader.js

标签:cti   width   模块   替换   parser   dialog   com   r.js   themes   

原文地址:https://www.cnblogs.com/fpcbk/p/9849053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!