【easyUI】01导入一个easyUI的js文件以及一些方法的使用

• 在使用easyUI时先把需要的东西引入到文件中（可以再加一个中文的语言在local中选择语言）：

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.5/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.5/themes/icon.css">   
<script type="text/javascript" src="jquery-easyui-1.3.5/jquery-2.1.1.js"></script>   
<script type="text/javascript" src="jquery-easyui-1.3.5/jquery.easyui.min.js"></script> 

<script type="text/javascript">
    //使用这个是在图片没有加载完之前就会执行，而在body中写onload事件是在所有加载完后才会调用这个方法
    $(function(){
        $('#dd').dialog({
            modal:true   //模式化的效果，这里是窗口有modal属性。
        }); //用console.info(('#dd'));来看是不是选到了这个div，比alert方法要好
    })    
    </script>

<div id="dd" style="width:400px;height:200px">dialog content.</div>

• 使用easyloader可以将上面的引用去掉，直接在js里面引用，先引用jquery：

<script type="text/javascript" src="jquery-easyui-1.3.5/jquery-2.1.1.js"></script>   
<script type="text/javascript" src="jquery-easyui-1.3.5/easyloader.js"></script>   

 再在js中使用easyloader：

$(function(){
        easyloader.load('dialog',function(){
            $('#dd').dialog({
            modal:true   
        });s
        }); //用console.info(('#dd'));
    })    

一些高级的和后台交互的控件用js来引用，不太需要和后台交互的插件直接用class来引用dialog就可以了

• 使用panel：

iconCls

string

设置一个16x16图标的CSS类ID显示在面板左上角。

可以设置其图片，故以后可自己设计一个icon.css