一、条件搜索
商品条目一旦多了起来,就不能一页一页的翻找。需要设置条件,根据条件搜索条目。
二、代码实现
在原来的查找所有productList的功能基础上添加条件参数,设置条件查询。
2.1 JSP页面修改
product_list.jsp
添加 searchDiv 代码,如下图所示。为搜索前端页面展示
效果如下:
新增的div中对应的js代码:
function resetSearch(){
//重置数据
$('#searchForm').form('clear');
}
function search(){
//条件搜索
$('#dg').datagrid('load',{
pName: $('#pName').val(),
sPrice:$('#sPrice').val(),
ePrice:$('#ePrice').val()
});
}
查找所有商品数据的js中增加以下代码,传递条件参数给后台程序