web文档-EasyUI部分1
需积分: 0 18 浏览量
2022-08-03
14:41:44
上传
评论
收藏 855KB PDF 举报
Web 应用程序设计与开发文档-EasyUI
第一章 EasyUI 框架使用
1.1 ComboBox 组建的使用
1、JSP 页面
<input id="poiticalstate" name=" poiticalstate "/>
2、JavaScript 操作
$("#unit").combobox({
url: 'SystemEmployeeService?caozuo=init poiticalstate ',
valueField: poiticalstateid,
textField: poiticalstatename,
panelHeight: 'auto'
});
3、Servlet 操作
从 Servlet 返回 jSon 数组：
[{"politicalstatename":"中共党员","politicalstateid":"001"},
{"politicalstatename":"共青团员","politicalstateid":"002"}]
注意：
表单序列化时，取 valueField 属性对应得值。
1.2 DataGrid 组件使用
1、JSP 页面构建
（1）导入相应的 JS、CSS 文件：
<link type="text/css" rel="stylesheet" href="<%=basePath %>css/easyui.css" />
<link type="text/css" rel="stylesheet" href="<%=basePath %>css/icon.css" />
<script type="text/javascript" src="<%=basePath %>js/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath %>js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath %>js/easyui-lang-zh_CN.js"></script>
（2）加入 DataGrid 组件
加入并设置: 创建JSP文件
<table id="info" class="easyui-datagrid" width="100%" style="height:100%;" border="0" cellpadding="0"
cellspacing="0" data-options=" toolbar:'#tb'">
<thead>
<tr>
<th data-options="field:'sno',width:120,align:'center'">
学
号
</th>
<th data-options="field:'name',width:120,align:'center'">
姓
名
</th>
<th data-options="field:'age',width:100,align:'center'">
年
龄
</th>
资源评论
