首页 > 代码库 > 单条件或多条件执行查询
单条件或多条件执行查询
效果描述:1.不设置有效期,单击套餐类型时,执行帅选,
2.设置套餐类型,设置有效期,单击查询执行帅选
逻辑实现:
1.form表单添加onclick事件查询函数,点击form表单里的任何标签都触发查询事件,所以把‘查询‘图标写入form表单里,函数根据查询条件去执行相应的查询
<form class="form-inline" name="searchForm" role="form" onclick="searchPkg()"><div class="form-group col-sm-2"><label>套餐类型 : </label><select name="pkg_type_id" id="pkg-type-id" class="form-control"><option value="http://www.mamicode.com/0">全部</option>{foreach from=$types item=type}<option value="http://www.mamicode.com/{$type.pkg_type_id}">{$type.pkg_type_content}</option>{/foreach}</select></div><div class="form-group col-sm-3"><label>起始有效期 : </label><input class="form-control" id="validity-start-time" name="validity_start_time" type="text" onclick="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm:ss‘})" /></div><div class="form-group col-sm-3"><label>结束有效期 : </label><input class="form-control" id="validity-end-time" name="validity_end_time" type="text" onclick="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm:ss‘})" /></div><div class="form-group"><a class="btn btn-danger">查询</a></div><div class="form-group "><a class="btn btn-danger" href="http://www.mamicode.com/pkg_base.php?act=add">添加</a></div></form>
获取查询条件执行函数,利用Ajax获取数据
function searchPkg() {
listTable.filter[‘pkg_type_id‘] = Utils.trim(document.forms[‘searchForm‘].elements[‘pkg_type_id‘].value);
listTable.filter[‘validity_start_time‘] = Utils.trim(document.forms[‘searchForm‘].elements[‘validity_start_time‘].value);
listTable.filter[‘validity_end_time‘] = Utils.trim(document.forms[‘searchForm‘].elements[‘validity_end_time‘].value);
listTable.filter[‘page‘] = 1;
listTable.loadList();
}
单条件或多条件执行查询
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。