不借助框架后台接口，实现java与jsp实现对接，并实现筛选显示

最新推荐文章于 2021-02-24 11:22:27 发布

修炼到救赎

最新推荐文章于 2021-02-24 11:22:27 发布

阅读量777

点赞数

分类专栏： Java JavaScript

本文链接：https://blog.csdn.net/rentian1/article/details/80580746

版权

Java 同时被 2 个专栏收录

364 篇文章 2 订阅

订阅专栏

JavaScript

102 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
     var ruleArrys = new Array();
     var ruleObj = new Object();
</script>
	<c:choose>
	    <c:when test="${!empty rules}">
	        <c:forEach items="${rules}" var="rule" >
	    <script type="text/javascript">
	      var ruleObj = new Object();
	      ruleObj.ruleid='${rule.id}';
	      ruleObj.rulename='${rule.ruleName}';
	      ruleArrys.push(ruleObj);
	    </script>
	    <div class="checkbox" style="display: inline-block;    padding-left: 0; padding-right: 20px">
	        <label>
	            <input name="form-field-checkbox" class="ace ace-checkbox-2" rule_id="${rule.id}" type="checkbox" />
                    <span class="lbl">${rule.ruleName}</span>
	        </label>
	    </div>
	</c:forEach>
	</c:when>
	<c:otherwise>
	    暂无规则
	</c:otherwise>
        </c:choose>

//回显规则；
function reviewRule(ruleids){
	if(ruleids!=null&&ruleids!=''){
		var idsarr = ruleids.split(',');
		var rulesctlarr = $('#rulesctl > div > div > label > input');
		 $.each(idsarr,function(n,v){
			if(rulesctlarr.length>0){
				$.each(rulesctlarr,function(k,z){
					if($(rulesctlarr[k]).attr("rule_id")==idsarr[n]){
					$(rulesctlarr[k]).attr("checked",true);
					};
				});
			}
		 }); 
	}
}
//模糊查询规则
function likesearch(type){
			var keyword = $("#searchkeyword").val();
			var replacehtml='<label class="control-label bolder " style="font-weight: normal;font-size: 14px;width:6%;  float: left;text-align: left">规则</label> <div style="width:93%;float: left;">';
			if(keyword==null| keyword==''){
				if(ruleArrys.length>0){
					var reg = new RegExp(keyword);
					$.each(ruleArrys,function(n,v){
							replacehtml+='<div class="checkbox" style="display: inline-block;    padding-left: 0; padding-right: 20px">';
							replacehtml+='<label>';
							replacehtml+='<input name="form-field-checkbox" class="ace ace-checkbox-2" rule_id="'+v.ruleid+'" type="checkbox" />';
							replacehtml+='<span class="lbl">'+v.rulename+'</span>';
							replacehtml+='</label>';
							replacehtml+='</div>';
					});
					replacehtml+='</div>';
					$('#rulesctl').empty();
					$('#rulesctl').html(replacehtml);
				}
				 alertMsg("请输入你想查询的规则名称", 5);
			}else{
				if(ruleArrys.length>0){
					var reg = new RegExp(keyword);
					$.each(ruleArrys,function(n,v){
						if((v.rulename).match(reg)){
							replacehtml+='<div class="checkbox" style="display: inline-block;    padding-left: 0; padding-right: 20px">';
							replacehtml+='<label>';
							replacehtml+='<input name="form-field-checkbox" class="ace ace-checkbox-2" rule_id="'+v.ruleid+'" type="checkbox" />';
							replacehtml+='<span class="lbl">'+v.rulename+'</span>';
							replacehtml+='</label>';
							replacehtml+='</div>';
						};
						
					});
					replacehtml+='</div>';
					$('#rulesctl').empty();
					$('#rulesctl').html(replacehtml);
				}
			}
			if(type==2){
				 reviewRule(ruleids);//回显修改中原来选中的规则;
			}
}