【EasyUI】环境搭建及简单实现

easyUI 插件

注意:

  如果一个页面引入了一个有easyUI插件的页面,那么本页面也一定要引入相应的easyUI插件的js,
  
  要熟练使用API文档

1).简介(实现方式)

封装大量的jQuery插件(简化ajax,jquery,css样式,布局)
(1)插件实现:
	① HTML标签+插件的class样式
			<a href="#" class="easyui-linkbutton">我是讲文明</a>
	② HTML标签+基于编程的插件实现
			<a href='#' id="btn">我是洪世鹏</a>
			js代码: $("#btn").linkbutton();
(2)插件内容:
	属性:设置插件的样式,图标,宽度,高度
	事件:单击事件,双击
	方法:修改插件属性,状态

2).搭建easyUI环境、实现第一个esayUI插件

(1)搭建EasyUI的环境

      搭建环境的步骤:
      ① 导入需要的css样式文件:easyui.css、icon.css
      ② 导入相关的js文件
		jquery.min.js
		jquery.easyui.min.js
		jquery.easyui-lang-zh_CN.js
      ③ 注意:themes中的文件相对路径不能变
 
(2)第一个插件
      插件:按钮(linkbutton)
            实现插件效果标准开发步骤[记住]
      标签: 			<a href="#">按钮</a>
      样式名(规范): 	easyui-样式名
      实例:	
            ① 方式一:<a href="#" class="easyui-linkbutton">按钮</a>
            ② 方式二:js插件名(调用插件方法)
		$("选中超链接").插件名();
		$("a").linkbutton();
上一篇:abp(net core)+easyui+efcore实现仓储管理系统——入库管理之十二(四十八)


下一篇:easyui中的datebox中设置某年的某些月份不可选