好资源导航 » 文章资讯 » bootstrap实现多个下拉框同时搜索的实例

bootstrap实现多个下拉框同时搜索的实例

2024-01-27 03:20:02 216

1、第一个下拉框代码






请选择数据资源

<#listdata.copyfromListasentity>
<#if(entity.type??&&entity.type=='1')>
selected>${entity.alias!}




<#listdata.copyfromListasentity>
<#if(entity.type??&&entity.type=='7')>
selected>${entity.alias!}




<#listdata.copyfromListasentity>
<#if(entity.type??&&entity.type=='8')>
selected>${entity.alias!}

2、第二个下拉框代码







<#listdata.categoriesasentity>
selected>${entity.id}-${entity.name}

3、后台js代码（url参数整理）

bindEvents:function(){
varself=this,dom=self.element;
$('select[name="copyfrom"]',dom).change(function(event){
self.params.copyfrom=$(this).val();
varurl=self.formatParams(self.params);
window.location.href="cekasp_article.htm"+url;
});

$('select[name="cid"]',dom).change(function(event){
self.params.cid=$(this).val();
varurl=self.formatParams(self.params);
window.location.href="cekasp_article.htm"+url;
});

}

formatParams:function(params){
varself=this;
varurl="";
for(varparaminparams){
if(params[param]){
url+=param+"="+params[param]+"&";
}
}
if(url.length>0){
url="?"+url.substring(0,url.length-1);
}
returnurl;
}

4、后台java部分代码（接收参数，然后过滤器根据参数得到想要的结果）

StringcategoryId=request.optString("cid");
if(!ValidateUtil.isNull(categoryId)){
//加载栏目信息
JSONObjectjsonCategory=toJSONObject(adminService.loadById(CekaspCategory.class,categoryId));
response.put("category",jsonCategory);
param.addFilter("id",FilterType.IN,articleIdList,1);

}

Stringcopyfrom=request.optString("copyfrom");
if(!ValidateUtil.isNull(copyfrom)){
param.addFilter("copyfrom",FilterType.EQUALS,copyfrom);

}

ListarticleList=adminService.list(CekaspArticle.class,param);

以上这篇bootstrap实现多个下拉框同时搜索的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

bootstrap实现多个下拉框同时搜索的实例

热门推荐

随机推荐