easyUI
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
如何使用easyui?
导入项目需要的css文件(两个,注意:css文件里面有图片的相对路径地址,需要把图片文件夹和当前的css放到同级别下)
导入项目需要的js文件(两个,注意:导包的时候注意顺序,easyui依赖于jquery.js)
easyui语法:
1. 组件的使用
- 静态的方式:
css
使用类选择器加载对应的组件即可
class=“easyui-组件名称” - 动态的方式:
使用jquery获取对象.组件名称()
2. 组件属性的使用
- 静态的方式:
data-options=“属性名:属性值,属性名:属性值…” - 动态的方式:
jquery获取对象.组件名称({
属性名:属性值,
属性名1:属性值1
})
3. 组件事件的使用
- 动态的方式:
jquery对象.组件名称({
事件名:function(){
}
})
4. 组件方法的使用
- 动态的方式:
jquery对象.组件名称(“方法名”,{如果是单值的可以不用写大括号,多值的需要写大括号})