一、概述
jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。
jQuery EasyUI有以下特点:
(1)基于jquery用户界面插件的集合。
(2)为一些当前用于交互的js应用提供必要的功能。
(3)EasyUI支持两种渲染方式分别为javascript方式，$(‘#p‘).panel({...})和html标记方式，lass="easyui-panel"。
(4)支持HTML5(通过data-options属性)。
二、加载UI组件的方式
有两种加载方式: 使用class方式加载、使用JS调用加载。
1.使用class方式加载
格式:easyui-组件名
<body style="height: 100%;width: 100%" >
<div class="easyui-dialog" title="标题" style="height: 200px;width: 400px">
这里是内容
</div>
</body>
效果:
2.使用JS调用加载
JS代码
$(function(){
$("#myDialog").dialog({
title:‘JS调用‘,
width:400,
height:200
});
});
时间： 2024-08-11 01:18:45