<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Basic EasyLoader - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css"
href="http://www.java1234.com/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
href="http://www.java1234.com/jquery-easyui-1.3.3/themes/icon.css">
<link rel="stylesheet" type="text/css"
href="http://www.java1234.com/jquery-easyui-1.3.3/demo/demo.css">
<script type="text/javascript"
src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript"
src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="http://www.java1234.com/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript"
src="http://www.java1234.com/jquery-easyui-1.3.3/easyloader.js"></script>
</head>
<body>
<a id="bt" href="#" class="easyui-linkbutton">日历</a>
<a id="dh" href="#" class="easyui-linkbutton">对话框</a>
<a id="bg" href="#" class="easyui-linkbutton">数据表格</a>
<div id="cc"></div>
<div id="aa"></div>
<table id="bb"></table>
</body>
<script type="text/javascript">
$("#bt").bind({
click:function(){
$("#cc").calendar({
width:180,
height:180
})
}
})
$("#dh").click(function(){
$("#aa").dialog({
width:300,
height:300,
title:"book"
})
})
$("#bg").click(function(){
$("#bb").datagrid({
width:500,
height:300,
// fitColumns:true,
resizeHandle:true,
columns:[[
{field:'id',title:'userid',width:100},
{field:'username',title:'username',width:100},
{field:'password',title:'password',width:100},
]],
data:${users},
toolbar:[{text:'add'}]
})
})
</script>
</html>
