01EasyUI - EasyUI简介

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_20042935/article/details/89354689

介绍

Query EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。

1. easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。
2. easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。
3. 使用 easyui，您不需要写太多 javascript 代码，一般情况下您只需要使用一些 html 标记来定义用户界面。
4. HTML 网页的完整框架。
5. easyui 节省了开发产品的时间和规模。
6. easyui 非常简单，但是功能非常强大。

声明UI组件

声明UI组件有两种方式

方式1. 直接在 HTML 声明组件

<div class="easyui-dialog" style="width:400px;height:200px"
    data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
        dialog content.
</div>

方式2. 编写 JavaScript 代码来创建组件。

<input id="cc" style="width:200px" />

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