<!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="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 /> <br><br>
<input /> <br><br>
<!-- 文本框 -->
<input >
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="200px" required="true"> <br><br>
<a ></a><br><br>
<input type="text" class="easyui-numberbox" data-options="min:10,max:100,prefix:'$'"></input>
<input > </input><!-- editable不可以编辑，一直可以按照导航来输入 -->
<input class="easyui-datetimebox" name="birthday"
data-options="required:true,showSeconds:true" style="150px">
<select >
<option>aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select> <br>
</body>
</html>
