<%@ 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({ 180, height:180 }) } }) $("#dh").click(function(){ $("#aa").dialog({ 300, height:300, title:"book" }) }) $("#bg").click(function(){ $("#bb").datagrid({ 500, height:300, // fitColumns:true, resizeHandle:true, columns:[[ {field:'id',title:'userid',100}, {field:'username',title:'username',100}, {field:'password',title:'password',100}, ]], data:${users}, toolbar:[{text:'add'}] }) }) </script> </html>