<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 1.导jQuery的JS包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!-- 2.导入css资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">
<!-- 3.导入图标资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">
<!--4. EasyUI的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<!-- 5.本地语言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<!-- 下拉框 -->
修改员工的界面
<input class="easyui-combobox"
data-options="{
url:\'json/combo.json\',
valueField:\'id\',
textField:\'text\'
}"
>
<br><br>
<!-- 三级联动 -->
省：<input class="easyui-combobox" style="width:100px"
data-options="{
url:\'获取地区数据的表（Servlet）\'
}"
>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 1.导jQuery的JS包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!-- 2.导入css资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">
<!-- 3.导入图标资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">
<!--4. EasyUI的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<!-- 5.本地语言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function(){
$("#lt").linkbutton({text:"测试"}).bind(\'click\',function(){alert("绑定事件");});
});
</script>
</head>
<body>
<!-- form表单 -->
添加员工的界面
<br><br>
<!-- 验证框 -->
<input id="vv" class="easyui-validatebox" data-options="required:true,validType:\'email\',missingMessage:\'邮箱不能为空\'" /> <br><br>
<input id="vv1" class="easyui-validatebox" data-options="required:true,validType:\'length[3,10]\'" /> <br><br>
<!-- 文本框 -->
<input id="tt1" class="easyui-textbox"
data-options="iconCls:\'icon-search\',validType:\'length[3,10]\',prompt:\'请输入要搜索的关键字\',value:\'默认值\',type:\'text\',
editable:true,readonly:false,buttonText:\'搜索\',buttonIcon:\'icon-search\',onClickButton:function(){
alert(\'搜索被点击了\');
}"
style="width:200px" required="true"> <br><br>
<a id="lt" href="#"></a><br><br>
<input type="text" class="easyui-numberbox" data-options="min:10,max:100,prefix:\'$\'"></input>
<input id="dd" class= "easyui-datebox" required ="required" editable="fasle"> </input><!-- editable不可以编辑，一直可以按照导航来输入 -->
<input class="easyui-datetimebox" name="birthday"
data-options="required:true,showSeconds:true" style="width:150px">
<select id="cc" class="easyui-combobox" style="width:200px;">
<option>aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select> <br>
</body>
</html>