首页 > 代码库 > easyui-01 怎么样使用easyui
easyui-01 怎么样使用easyui
console.info();在控制台打印。
1、引入
<script type="text/javascript" src="http://www.mamicode.com/jquery-easyui-1.4/jquery.min.js" ></script>
<script type="text/javascript" src="http://www.mamicode.com/jquery-easyui-1.4/jquery.easyui.min.js" charset="utf-8"></script>
<script type="text/javascript" src="http://www.mamicode.com/jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.mamicode.com/jquery-easyui-1.4/themes/default/easyui.css" >
<link type="text/css" rel="stylesheet" href="http://www.mamicode.com/jquery-easyui-1.4/themes/icon.css">
2、 demo dialog
通过class渲染出dialog
<div class="easyui-dialog" id="dd" title="my dialog"
style="width:400px;height:200px" >dialog content</div>
通过js渲染出dialog
$("#xx").dialog();
-------------------------------------------------------------------------------------------------
当引入jQuery和easyloader的时候:
<script type="text/javascript" src="http://www.mamicode.com/jquery-easyui-1.4/jquery.min.js" ></script>
<script type="text/javascript" src="http://www.mamicode.com/jquery-easyui-1.4/easyloader.js" ></script>
function checkMe(){
easyloder.load(‘dialog‘,function(){
$("#d3").dialog({modal:true});
})
}
-------------------------------------
load()中可传入数组
easyloader.load()可以用using()简写
$(function(){
easyloader.load([‘dialog‘,‘messager‘],function(){
$("#d3").dialog({modal:true});
$.messager.alert(‘Title‘,‘load ok‘);
});
});