easyUI + servlet 展示datagrid数据列表
1:在jsp页面添加所用easyUI的js和css
2.前台代码示例:
<table id="dgObj" style="width: 100%;height:90%;" align="left" url="showAdminWwqyxycServlet" >
</table>
<script type="text/javascript">
$(function(){
$("#dgObj").datagrid({
//loader:myLoader,
pagination:true,
rownumbers:true,
singleSelect:false,
pageSize:50,
remoteSort:true,
fitColumns:false,
selectOnCheck:false,
checkOnSelect:false,
striped:true,
pageList:[50],
columns:[[
{field:'cd',checkbox:true},
{field:'OPINION_ID',title:'主键',width:100,align:'center',hidden:true},
/* {field:'THUMB_UP_NUM',title:'点赞数',width:100,halign:'center',align:'left'}, */
/* {field:'OPINION_TYPE',title:'意见归属',width:250,halign:'center',align:'left',formatter:approveResult}, */
{field:'TITLE',title:'标题',width:550,halign:'center',align:'left',formatter:go},
{field:'SUGGEST_TIME',title:'提问时间',width:250,halign:'center',align:'left'},
{field:'IS_AUDIT',title:'是否审核',width:100,halign:'center',align:'left',formatter:Type},
{field:'IS_ANSWER',title:'是否回复',width:100,halign:'center',align:'left',formatter:isType},
]],
toolbar: [{
text: '我要提建议',
iconCls: 'icon-add',
handler: function() {
var type="2";//我为企业献一策
url='addWwqyxyc.jsp?type='+type+'&isadmin=1';
var height = window.screen.availHeight;
var width = window.screen.availWidth;
window.open (url,'newwindow','height=1000,width=800,top=100,left=400,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
window.close(url);
}
}]
});
});
</script>
3.配置好对应的servlet
4.后台代码示例:(servlet部分)
package com.advice.servlet; import java.io.IOException; import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; import net.sf.json.JSON;
import net.sf.json.JSONObject;
import net.sf.json.JSONSerializer; import com.advice.dao.OpinionDao;
import com.advice.entity.OpinionPo;
import com.advice.util.PageBean;
import com.advice.util.ResponseUtil; public class ShowAdminWwqyxycServlet extends HttpServlet { private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
} public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
int total = ;//记录总数
String page=request.getParameter("page")==null?"":request.getParameter("page");
String rows=request.getParameter("rows")==null?"":request.getParameter("rows");
//处理筛选条件
String isAudit = request.getParameter("isAudit")==null?"":request.getParameter("isAudit").toString();//
String isAnswer = request.getParameter("isAnswer")==null?"":request.getParameter("isAnswer").toString();//
OpinionPo OpinionXX = new OpinionPo();
OpinionXX.setIsAudit(isAudit);
OpinionXX.setIsAnswer(isAnswer);
PageBean pageBean = new PageBean(Integer.parseInt(page),Integer.parseInt(rows));
try{
JSONObject result = new JSONObject();
OpinionDao sd = new OpinionDao();
JSON json = JSONSerializer.toJSON(sd.selectOpinionListALL(pageBean,,OpinionXX));//数据查询
total = sd.selectOpinionCountAll(,OpinionXX);
result.put("rows", json);
result.put("total", total);
ResponseUtil.write(response, result);
}catch(Exception e){
e.printStackTrace();
}
}
}
5.后台取值部分示例:
public String selectOpinionListALL(PageBean pageBean, int type, OpinionPo opinionXX){
//处理筛选条件
String isAudit=opinionXX.getIsAudit();//是否审核
String isAnswer=opinionXX.getIsAnswer();//是否回复
StringBuffer filter = new StringBuffer();//查询确址任务管理列表当前页语句
if(isAudit != null && !"".equals(isAudit) && !isAudit.equals("--不限--")){
filter.append(" AND IS_AUDIT = '").append(isAudit).append("' ");
}
if(isAnswer != null && !"".equals(isAnswer) && !isAnswer.equals("--不限--")){
filter.append(" AND IS_ANSWER = '").append(isAnswer).append("' ");
}
JsonArray jsonArray = new JsonArray();
StringBuffer sql = new StringBuffer();
sql.append("SELECT * FROM (");
sql.append("SELECT ROW_NUMBER() OVER (ORDER BY suggest_time asc) as RNO, op.* FROM ADVICE_OPINION op");
sql.append(" WHERE 1=1");
sql.append(filter.toString());//查询条件一定要拼接在分页查询语句中
sql.append(" AND opinion_type = '").append(type).append("') WHERE RNO BETWEEN ").append(pageBean.getStart());
sql.append(" AND ").append(pageBean.getEnd()).append(" ORDER BY suggest_time asc");
DBManager dbManager = new DBManager();
Connection conn = null;
ResultSet rs = null;
conn = dbManager.getConnection();
try {
rs = dbManager.executeQuery(sql.toString());
if(rs != null){
while(rs.next()){
JsonObject obj = new JsonObject();
obj.addProperty("OPINION_ID", rs.getString("OPINION_ID"));//
obj.addProperty("OPINION_TYPE", rs.getString("OPINION_TYPE"));//
obj.addProperty("TITLE", rs.getString("TITLE"));//标题
obj.addProperty("NAME", rs.getString("NAME"));//姓名
obj.addProperty("DEPARTMENT", rs.getString("DEPARTMENT"));//部门
obj.addProperty("PHONE", rs.getString("PHONE"));//电话
obj.addProperty("EMAIL", rs.getString("EMAIL"));//邮箱
obj.addProperty("FILE_NAME", rs.getString("FILE_NAME"));//
obj.addProperty("FILE_PATH", rs.getString("FILE_PATH"));//
obj.addProperty("SUGGEST_TYPE", rs.getString("SUGGEST_TYPE"));//
obj.addProperty("SUGGEST_CONTENTS", rs.getString("SUGGEST_CONTENTS"));//
obj.addProperty("SUGGEST_STEP", rs.getString("SUGGEST_STEP"));//
obj.addProperty("SUGGEST_IP", rs.getString("SUGGEST_IP"));//
obj.addProperty("SUGGEST_TIME", rs.getString("SUGGEST_TIME"));//
obj.addProperty("IS_AUDIT", rs.getString("IS_AUDIT"));//
obj.addProperty("AUDIT_USER_ID", rs.getString("AUDIT_USER_ID"));//
obj.addProperty("AUDIT_USER_IP", rs.getString("AUDIT_USER_IP"));//
obj.addProperty("AUDIT_TIME", rs.getString("AUDIT_TIME"));//
obj.addProperty("IS_ANSWER", rs.getString("IS_ANSWER"));//
obj.addProperty("ANSWER_USER_ID", rs.getString("ANSWER_USER_ID"));//
obj.addProperty("ANSWER_USER_IP", rs.getString("ANSWER_USER_IP"));//
obj.addProperty("ANSWER_TIME", rs.getString("ANSWER_TIME"));//
obj.addProperty("THUMB_UP_NUM", rs.getString("THUMB_UP_NUM"));//
jsonArray.add(obj);
}
}
} catch (Exception e) {
e.printStackTrace();
} finally {
//关闭连接
dbManager.closeResultSet();
dbManager.closeStatement();
dbManager.closeConnection(conn);
}
Gson gson = new Gson();
return gson.toJson(jsonArray);
}
easyUI + servlet 展示datagrid数据列表的更多相关文章
- easyui导出当前datagrid数据(含表头)
JS代码 //导出当前DataGrid数据 function doExportCommon() { var list = getCheckedRowCommon(); var exportList = ...
- 用jeecg做个项目第二讲(Datagrid数据列表效果详解)
1.列表界面 2.流程状态的效果 <t:dgCol title="流程状态" field="bpmStatus" queryMode="sing ...
- EasyUI——实现展示后台数据代码
下面是View显示代码: @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml" ...
- easyui导出当前datagrid数据(Word)
JS代码可参考http://www.cnblogs.com/mu1516633121/p/7753423.html 同样是winform架构下应用到Aspose.Words来读写Word文档 其中Se ...
- 【Jquery EasyUI + Servlet】DataGrid,url请求带中文出现乱码的解决方案
demo.jsp: <% String name = "乱码"; %> $(function(){ $('#dg').datagrid({ url: 'DemoServ ...
- 页面设计-数据列表 DataGrid
传统软件项目开发时,针对每个业务单据页面需要每控件一个一个的来设计,同时需要在页面功能中对每个控件的属性进行判定处理,尤其是页面风格布局样式需要花去一大半的时间,并且后续要想修改是非常麻烦繁琐,这样就 ...
- js动态生成数据列表
我们通常会使用table标签来展示数据内容,由于需要展示的数据内容是随时更换的,所以不可能将展示的数据列表写死在html写死在页面中,而是需要我们根据后台传来的数据随时更换,这个时候就需要我们使用js ...
- Easyui datagrid 数据表格 表格列头右键菜单选择展示列 JS
Easyui ,数据表格加载出来以后,在表格头右键,会有显示筛选的功能: 如图: 然后可以取消勾选,就变成下面这个样子: 功能的实现是通过重写了easyui 的 $.fn.datagrid.defau ...
- easyui textarea回车导致datagrid 数据无法展示的问题
textarea换行 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n在textarea中输入回车符 在js读取textarea中的值有\r\n然后 ...
随机推荐
- Nginx与PHP工作原理
Nginx的工作原理 1.Nginx的模块与工作原理 Nginx由内核和模块组成,其中,内核的设计非常微小和简洁,完成的工作也非常简单,仅仅通过查找配置文件将客户端请求映射到一个location bl ...
- css3之属性选择器
总体来看一下都有哪些选择器 1.属性选择器 1)[att*=val] 2)[att^=val] 3)[att$=val] 2.结构伪类选择器 3.UI伪类选择器 其中E:read-only伪类选择器 ...
- 跟我一起做一个vue的小项目(十一)
接下来我们进行的是详情页动态路由及banner布局 先看页面的效果 下面是代码部分 <template> <div> <div class="banner&qu ...
- (5)连续非周期信号的傅里叶变换(频谱) & 周期信号的傅里叶变换
参考资料:<信号与系统(第二版)> 杨晓非 何丰 从傅里叶级数到傅里叶变换 通过分析连续周期信号的周期与频谱的关系,当周期趋于无穷大的时候,周期信号变成非周期信号.从频谱分析观点来看,当T ...
- 【html、CSS、javascript-8】JavaScript作用域
JavaScript的作用域一直以来是前端开发中比较难以理解的知识点,对于JavaScript的作用域主要记住几句话 一.JavaScript中无块级作用域 在Java或C#中存在块级作用域,即:大括 ...
- LUOGU P1937 [USACO10MAR]仓配置Barn Allocation
传送门 解题思路 扫了一眼觉得是贪心+线段树,结果贪心的时候刚开始按区间长度排的序..这还有82分,后来叉了自己,换成按右端点排序过了. 代码 #include<iostream> #in ...
- Vue-cli3.x中使用Axios发送跨域请求的配置方法
Vue-cli3.x中使用Axios发送跨域请求的配置方法 安装axios npm i axios -s main.js中引入 import axios from 'axios' //将axios挂载 ...
- How to class-dump iPad apps?
http://stackoverflow.com/questions/4776593/how-to-class-dump-ipad-apps The issue here is that the bi ...
- jsp页面el表达式<c:choose> <c:when的用法
等于 是if else <c:choose> <c:when test="${paginationModel.py_province != ''}"> 如果 ...
- Python爬虫之selenium库使用详解
Python爬虫之selenium库使用详解 本章内容如下: 什么是Selenium selenium基本使用 声明浏览器对象 访问页面 查找元素 多个元素查找 元素交互操作 交互动作 执行JavaS ...