码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUi

时间:2015-12-25 08:47:42      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>

<script type="text/javascript" src="js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/themes/icon.css">
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">

//alert("一坨狗屎");

function huid(r)
{
    alert(r);
    }

$(function(){
/*$.messager.alert(‘警告‘,‘警告信息‘,‘warning‘,function(){
    alert("回调");
});*/

//$.messager.confirm("吃屎","真的要吃?",huid)

/*$.messager.prompt("输入","快输入",function(val){
    alert(val);
})*/

//$.messager.progress({title:"进度条",msg:"加载",text:"正在加载。。。",interval:300});

//$.messager.progress("close");

//alert("abc");

//var p = $.messager.progress("bar");

//调用方法

//p.progressbar("setValue",10);

//alert(p.progressbar("getValue"));

//alert("p");

//$.messager.show({title:"标题",msg:"内容",showType:"show",showSpeed:2000,timeout:0})

/*$("#mypanel2").panel({
    title:"汉堡",width:200,height:200,closable:true,
    collapsible:true,
    minimizable:true,maximizable:true,
    collapsed:true,
    closed:true
});

$("#jiba").window({
    title:"鸡巴",width:200,height:200,closable:true,
    
    modal:true
});*/
}
);
</script>
</head>
<body>

<input id="but_open" type="button" value="打开" onclick="$(‘#mypanel2‘).panel(‘open‘);"/>

<input id="but_open" type="button" value="关闭" onclick="$(‘#mypanel2‘).panel(‘close‘);"/>

<div id="mypanel"  class="easyui-panel" 
title="面包" 
style="width:200px;height:200px;"
data-options="iconCls:‘icon-add‘,closable:true,
collapsible:true,
minimizable:true,maximizable:true">

刷卡机

</div>

<div id="mypanel2">
少吃点屎
</div>

<div id="mywindow" class="easyui-window" style="width:200px;height:200px;" 
data-options="modal:true" title="肯打鸡">

</div>

<div id="jiba" >
大叔控
</div>
<div id="mydialog" class="easyui-dialog" title="窗口" style="width:300px;height:200px;"
data-options="toolbar:[{
                text:‘编辑‘,
                iconCls:‘icon-edit‘,
                handler:function(){alert(‘edit‘)}
            },{
                text:‘帮助‘,
                iconCls:‘icon-help‘,
                handler:function(){alert(‘help‘)}
                }],buttons:[{
                text:‘保存‘,
                iconCls:‘icon-save‘,
                handler:function(){alert(‘保存‘)}
                },{
                text:‘关闭‘,
                iconCls:‘icon-remove‘,
                handler:function(){$(‘#mydialog‘).dialog(‘close‘)}
            }]">
对话框窗口
</div>


</body>
</html>

 

EasyUi

标签:

原文地址:http://www.cnblogs.com/zhuxiaolin/p/5074825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!