Bootstrap Table 搜索框和查询功能
1..知识点bootstrapTable刷新和查询配置
2.提升js代码性能
1.减少全局变量声明
2.缓存dom节点查找结果
3.局部变量缓存全局变量
/**
*@paramcolbootstrapTable列表生成配置对象
*/
varsearchValue={};//查询匹配对象
var$button=$('
');
var$input=$('
');
var$select=$('
');
varaddSearchGroup=function(col)
{
//插入选项
varbutton,input,select;
button=$button;input=$input;select=$select;////局部变量缓存全局变量提高代码性能
varselectDom=$select.find('select');////缓存dom节点查找结果避免在循环里用
for(vari=0;i
'+col[i].title+'';
selectDom.append($option);
}
}
//插入多选框、输入框、按钮
$('.fixed-table-toolbar').append(button,input,select);
}
/*
button=$button
*/
searchAction($button);
functionsearchAction(button){
//写入上一次查询的条件
if(searchValue.select!=undefined){
$select.find('select').val(searchValue.select);
};
if(searchValue.input!=undefined){
$input.find('input').val(searchValue.input);
};
//写入查询条件
//获取查询选项
button.click(function(){
varoption=$select.find('select').val();
varinputval=$input.find('input').val();
searchValue.select=option;
searchValue.inputval=inputval;
//定义刷新参数
if(inputval!=''){
varparam={
url:sWebRootPath+"/json/getAjaxData.jsp?v="+newDate().getTime(),
query:{
filters:[
{'colname':option,'filtertype':'LIKE','filtervalues':inputval}
]
}
}
}else{
varparam={
url:sWebRootPath+"/json/getAjaxData.jsp?v="+newDate().getTime(),
}
}
//刷新表格
$('#tablelist').bootstrapTable('refresh',param);
});
}
总结
以上所述是小编给大家介绍的BootstrapTable搜索框和查询功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!