随笔分类 -  easy-ui

Jquery-ui后台管理(2)
摘要：下面主要是后台主页的布局。 html如下： <html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"><meta http-equiv="Content-Type" content="text/html; c 阅读全文
posted @ 2016-08-30 01:29 许轩霖 阅读(1355) 评论(0) 推荐(0)
Jquery-UI后台管理（1）
摘要：登陆界面 先下载jquery-2.1.4　和EasyUI1.4.4 引用相关文件到前台页面中 html如下： ｊｓ文件内容如下： ｃｓｓ样式表内容如下： 这样一个简单的登陆界面就完成了。 可以用这个为模板，进行下一步的与数据库的交互数据验证的开发。 阅读全文
posted @ 2016-08-21 01:42 许轩霖 阅读(1736) 评论(0) 推荐(0)
窗口
摘要：$(function () { $("#box").window({ width: 450, height: 200, title: '窗口', collapsible: false, //是否可折叠 minimizable:false, //是否最小化 maxnimizable: true, // 阅读全文
posted @ 2016-08-21 00:53 许轩霖 阅读(125) 评论(0) 推荐(0)
选项卡
摘要：$(function () { $("#box").tabs({ width:500, //宽度 height:300, //高度 plain: true, //是否显示背景 fit:true, //是否自适应全屏 border: false, //是否需要边框 tabWidth: 300, //t 阅读全文
posted @ 2016-07-17 18:12 许轩霖 阅读(203) 评论(0) 推荐(0)
面板
摘要：$(function () { $("#box").panel({ // id:'pox', //div ID title: '面板', //标题 width: '500', //宽度 height: '150', //高度 // iconCls: '', //图标 // left: '200', 阅读全文
posted @ 2016-07-17 17:32 许轩霖 阅读(148) 评论(0) 推荐(0)
进度条
摘要：$(function () { $("#box").progressbar({ width: 300, //宽度 height: 20, //高度 value: 10, //进度 text: '1111', //进度条上显示的数字，默认值'{value}%' 一般不改 onChange: funct 阅读全文
posted @ 2016-07-05 22:25 许轩霖 阅读(111) 评论(0) 推荐(0)
提示框
摘要：$(function(){ $("#box").tooltip({ content: '<div style="width:200px;height:100px;border:1px solid black"><strong>内容提示<strong></div>', //显示的的范围大小 //pos 阅读全文
posted @ 2016-07-03 16:24 许轩霖 阅读(163) 评论(0) 推荐(0)
大小拖拉
摘要：$(function(){ $("#box1").resizable({ // disable: true, // handles: 'e,s', //n:上 e:右 s：下 w:左 ne,se,sw,nw all 控制可拖动位置 //minWidth:200,// 最小宽度， minHeight 阅读全文
posted @ 2016-07-03 15:40 许轩霖 阅读(119) 评论(0) 推荐(0)
拖动组件
摘要：$(function(){ $("#box").draggable({ //revert:true, //拖动后放开返回原来位置 // cursor:Text, //设置拖动鼠标样式 // handle:'#pox', //指定鼠标在某个控件上可以拖动 //disable:true, //不可拖动 阅读全文
posted @ 2016-07-03 15:19 许轩霖 阅读(296) 评论(0) 推荐(0)