EasyUI
关注
分享
扫一扫
xyphf_和派孔明
全栈工程师，熟悉原生JavaScript、TypeScript、ES6、Webpack、VUE全家桶、JAVA SSM框架、Spring boot 、Spring cloud、MySql、Oracle、Linux等，可独立构建多页面、单页面应用项目。
展开
-
1、EasyUI起步，编写一个对话框
EasyUI资源包下载地址：http://www.jeasyui.com/download/index.php第一步：引入EasyUI的资源文件<!-- 导入jquery的核心包 --><script type="text/javascript" src="easyui/jquery.min.js" ></script><!-- 导入easyui 的核心包 --><script type=原创 2017-12-26 19:26:46 · 420 阅读 · 0 评论 -
11、EasyUI的布局
EasyUI的布局给外层添加class=”easyui-layout” 属性： region:’方向’<body> <div class="easyui-layout" style="width: 600px;height: 500px;"> <div data-options="region:'north'" style="height: 150px;">原创 2017-12-26 23:41:31 · 283 阅读 · 0 评论 -
10、EasyUI的折叠选项卡
EasyUI的折叠选项卡，添加class=”easyui-accordion”closable:true表示该项可删除<body> <div class="easyui-accordion" data-options="selected:-1" style="width:600px;height:300px"> <div title="收货地址1">收货地址111111111111111<原创 2017-12-26 23:33:09 · 435 阅读 · 0 评论 -
8、EasyUI的选项卡组件
EasyUI的选项卡组件1、给元素加上class=”easyui-tabs” 2、closable:true,表示该选项卡可以删除,closable:false表示给选项不可以删除<body> <div class="easyui-tabs" style="width:700px;height:300px"> <div title="选项卡1" data-options原创 2017-12-26 23:05:43 · 487 阅读 · 0 评论 -
7、EasyUI的messager消息提示框组件
EasyUI的messager消息提示框组件<script type="text/javascript"> /* 弹出普通消息 */ function showMag(){ $.messager.show({ title:"美国总统奥巴马发来一封邮件", msg:"请您xxxx年xx月xx日一同参观白宫",原创 2017-12-26 22:40:35 · 1066 阅读 · 0 评论 -
5、EasyUI的提示框组件
给元素添加class=”easyui-tooltip”组件,鼠标移上显示title提示信息<body> <span href="#" title="这是一个提示信息" class="easyui-tooltip">鼠标移上,提示信息</span></body>转载 2017-12-26 22:03:02 · 300 阅读 · 0 评论 -
4、EasyUI可调整大小组件
给元素加上class=”easyui-resizable”组件 <div class="easyui-resizable" style="background-color:purple" data-options="maxWidth:600,minWidth:100,maxHeight:500,minHeight:100"> 这个是easyui-resizable可调整大小组件原创 2017-12-26 21:51:19 · 456 阅读 · 0 评论 -
3、EasyUI的可拖拽组件
给元素加上class=”easyui-draggable”<div class="easyui-draggable" style="width:500px;height:400px;border: 1px solid #000000;"> 这是可拖拽组件</div>原创 2017-12-26 21:39:50 · 413 阅读 · 0 评论 -
2、EasyUI的panel面板组件
1、panel是其他组件的容器。data-options:是数据配置选项 tools表示配置图标和绑定的事件函数里面可以直接写匿名函数也可以写函数名 属性名 属性值类型 描述 默认值 title string 在面板头部显示的标题文本。 null iconCls string 设置一个16x16图标的CSS类ID显示在面板左上角。 null<scri原创 2017-12-26 21:37:56 · 1196 阅读 · 0 评论 -
12、EasyUI创建一个对话框
给元素添加 class=”easyui-window”<body> <a href="javascript:" class="easyui-linkbutton" onclick="$('#Wind').window('close')">关闭</a> <div id="wind" class="easyui-window" style="width:400px;height:300px"原创 2017-12-26 23:50:01 · 501 阅读 · 0 评论