<%@ 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>测试EasyUI</title>
<!-- 引用/加载所需文件、包 等 -->
<script type="text/javascript" src="js/jquery-easyui-1.4.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.4/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.4/themes/icon.css">
<script type="text/javascript" src="js/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.4.4/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.confirm("确认","请确认",function(r){
alert(r);
});
*/
/*
//输入内容
$.messager.prompt('输入','请输入',function(r){
alert(r);
})
*/
/*
//加载框
$.messager.progress(
{
title:'进度条',
msg:'加载数据',
text:'加载中...',
interval:300
});
//$.messager.progress();
$.messager.progress(
{
title:'进度条',
msg:'加载数据',
text:'加载中...',
interval:300
});
// alert("asd");
//调用方法
var p = $.messager.progress('bar');
p.progressbar('setValue',50); //从50开始读取进度条
alert(p.progressbar('getValue'));
// alert(p);
$.messager.show(
{
title:"标题1",
msg:"内容1",
showType:"show",
showSpeed:2000,
timeout:0
});
$.messager.show(
{
title:"标题2",
msg:"内容2",
showSpeed:2000,
timeout:0
});
*/
// js+div 方式
$("#mypanel2").panel({
title:'面板2',
width:200,
height:200,
closable:true,
maximizable:true,
minimizable:true,
collapsible:true,
iconCls:'icon-add',
collapsed:true,
closed:true
});
$("#mywindow").window({
title:'新窗口',
width:200,
height:200,
modal:true
})
});
function huid(r){
alert(r);
}
function huid1(){
alert("abc");
}
</script>
</head>
<body>
<!--
<input id="but_open" type="button" value="打开面板" onclick="$('#mypanel2').panel('open')"/>
<input id="but_close" type="button" value="关闭面板" onclick="$('#mypanel2').panel('close')"/>
<input id="but_openw" type="button" value="新窗口" onclick="$('#mywindow').panel('open')"/>
<div id="mypanel" class="easyui-panel" title="面板"
style="width:200px;
height:200px;"
data-options="iconCls:'icon-add',
closable:true,
maximizable:true,
minimizable:true,
collapsible:true
">
面板内容
</div>
<div id="mypanel2">
内容
</div>
<div id="mywindow">窗口</div>
-->
<!--
div 方式
<div id="mywindow"
class="easyui-window"
style="width:200px;height:200px;"
title="新窗口"
data-options="modal:true"
>窗口</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>