easyui学习笔记

easyui是一种相对来讲比较简单的基于jquery的用户界面插件集合
主要应用于企业开发和系统后台
easyui是一个完美支持HTML5网页的完整框架

1. 在HTML中加入easyui

    <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.7.0/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.7.0/themes/icon.css">
    <script type="text/javascript" src="../jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../jquery-easyui-1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="../jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="xxx.js"></script>

• 默认的easyui样式
• easyui的图标样式
• easyui汉化js
• jquery库
• easyui库
• 当前HTML的js文件

2. 如何使用easyui

//直接在 HTML 声明组件
<div class="easyui-dialog" style="width:400px;height:200px"
    data-options="
        title:'My Dialog',
        iconCls:'icon-ok',
        onOpen:function(){}">
    dialog content.
</div>


编写 JS 代码来创建组件
<input id="cc" style="width:200px" />

$('#cc').combobox({
	url: ...,
	required: true,
	valueField: 'id',
	textField: 'text'
});

两种方法实现效果没有差别，但要注意语法格式