详细解决方案
< -jquery easyUI 怎样清空前一次的查询结果? ->解决方案
热度:501 发布时间:2016-04-13 22:41:49.0
这是一个jsp页面 点击查询报表 显示如下结果

再次点击查询报表

第三次点击查询报表

问题来了 相比我不说大家也清楚了
怎样清空前一次的查询结果?
jsp页面里面是我从后台接收的一个二维数组 循环拼接html页面显示的
大家帮我想想办法 如何清空前一次查询结果呢 每次查询都会刷新也可以 万分感谢!
我上页面代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/common/common.jspf"%>
<title>入库信息统计报表</title>
</head>
<body>
开始时间: <input id="start" type="text" class="easyui-datebox" />
结束时间: <input id="end" type="text" class="easyui-datebox" />
<!-- 静态填充数据库sys参数表里 材质数据 动态取数不准确 -->
<select id="goodsType">
<option value="1">PPR</option>
<option value="2">PE</option>
<option value="3">PVC</option>
</select>
<input type="button" value="查询入库报表" id="search" />
<div id="chart_container"></div>
<script type="text/javascript">
$(function(){
$("#search").click(function(){
$.ajax({
url: "${proPath}/inwarehouse/selectInWarehouse.action",
data: {start:$("#start").datebox("getValue"),end:$("#end").datebox("getValue"),goodsType:$("#goodsType").val()},
type:'post',
dataType:'json',
success:function(result){
var list = {};//定义一个数组
$(result).each(function(i){
list[i]=new Array(); //声明二维
list.length= i+1;
switch (this.goods_type)
{
case "1":this.goods_type="PPR"; break;
case "2":this.goods_type="PE"; break;
case "3":this.goods_type="PVC"; break;
default :this.goods_type="其它"; break;
}
list[i][0] = this.goods_type;
list[i][1] = this.goods_name;
list[i][2] = this.goods_unit;
list[i][3] = this.amount;
list[i][4] = this.buyPrice;
list[i][5] = this.totals;
});
for(var j = 0;j<list.length;j++){
$("#dg").append("<tr><td width=\"88px\" style=\"text-align:center\">"+list[j][0]+" </td><td width=\"88px\" style=\"text-align:center\">"+list[j][1]+"</td><td width=\"88px\" style=\"text-align:center\">"+list[j][2]+"</td><td width=\"88px\" style=\"text-align:center\">"+list[j][3]+"</td><td width=\"88px\" style=\"text-align:center\">"+list[j][4]+"</td><td width=\"88px\" style=\"text-align:center\">"+list[j][5]+"</td></tr>");
}
}
});
});
});
</script>
<div id="zjj">
<table id="dg">
<tr>
<td width="200px"align="center" ><b>
门市部入库汇总报表</b></td>
</tr>
<tr>
<td width="36px" align=center><b>材质</b></td>
<td width="88px" align=left><b>品名</b></td>
<td width="88px" align=center><b>单位</b></td>
<td width="88px" align=right><b>数量</b></td>
<td width="88px" align=right><b>单价</b></td>
<td width="88px" align=right><b>总金额</b></td>
</tr>
</table>
</div>
</body>
</html>
------解决思路----------------------
for(var j = 0;j<list.length;j++){
$("#dg").empty();
------解决思路----------------------
???!!!你确定你是在用easyui?
easyui的datagrid组件完全可以做到这些……
------解决思路----------------------
看文档啊看文档,文档都不看能成?
http://www.jeasyuicn.com/api/docTtml/index.htm
JS就不写了
<table id="dg" class="easyui-datagrid" url="******"
toolbar="#toolbar" rownumbers="true" fitColumns="true"
singleSelect="true" pagination="true" fit="true" border="false">
<thead>
<tr>
<th field="id" width="40" fixed="true">ID</th>
<th field="code" width="80" fixed="true">****</th>
<th field="name" width="80" fixed="true">****</th>
</tr>
</thead>
</table>
<div id="toolbar">
<div>
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add()">添加</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit()">修改</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="delete()">删除</a>
</div>
<div>
名称:
<input id="name" style="width: 80px" />
<a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="doSearch()">搜索</a>
</div>
</div>
相关解决方案
- jquery 获取jsp页面的id解决方法
- DB2 调用java自定义方法报错,请大牛帮忙~解决方案
- 求jquery.form.js+jquery.validate.min.js 用ajax提交表单的代码范例
- jquery 提交form表单不用插件的那种 如何提交
- jquery ajax回传没有值,该怎么处理
- jquery easyUI datagrid struts2有关问题
- 关于request.getParameterValues()解决方案
- jquery form 有关问题
- springmvc jquery ajax 提交复杂对象,415异常解决办法
- 应用Struts2 与 jquery,ajax验证用户注册,不用从数据库获取数据
- jquery ajax select解决方法
- php jquery check username ajax检察帐号唯一性
- jquery ajax返回值的有关问题
- jquery 或js 获取指定字符间的字符串,并轮换。回答出来的是大神级~
- jquery 的bind里面能不能获得返回值呢? 对小弟我很难的有关问题啊
- jquery 的uploadify下传图片怎么让出错信息提示成中文
- java+jquery easy ui + json + struts分页例子
- jquery easyui分页效率有关问题
- servlet+jquery1.4.2(ajax error?)解决方案
- jquery 如何获得动态添加后的子元素个数?
- jQuery.ajax()请求struts2数据 回到data值了undefined
- 关于Struts2 jQuery Plugin的 Result,该如何处理
- Jquery 点击按钮实现图片翻页,该如何解决
- jquery 关于监听checkbox的选中和不选中事件,该如何解决
- jQuery append动态添加的页面对象如何处理刷新掉
- Jquery+json解决思路
- jquery post有关问题
- 求大神解决偏题 - jquery ajax
- jquery $.ajax有关问题
- jquery td遍历有关问题