首页 > 代码库 > 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‘);
  });
 });