下拉框同步树 combobox+ztree 加ztree模糊搜索，适配chrome IE FF

最新推荐文章于 2021-01-30 15:44:21 发布

chengshun5940

最新推荐文章于 2021-01-30 15:44:21 发布

阅读量163

点赞数

原文链接：https://my.oschina.net/u/2471041/blog/525930

版权

<%@ page language="java" pageEncoding="UTF-8" %><%@taglib uri="http://www.springframework.org/tags" prefix="spring" %><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%@ taglib uri="/xxll-tags" prefix="x"%>

<%@ taglib uri="/sw-tags" prefix="sw"%>

<sw:pageRights code="1001001093-1"/>

<!DOCTYPE html>

<%--

作者：吴云辉

邮箱：Fly@mmgg.net

QQ:963415

创建日期：2014-08-14 23:45:34

Key:6EBF9148-241B-4DF5-8A90-5B2CBCEE10E8

--%>

<html>

<head>

var arr = new Array();

var j=0;

var nodeList=[];

var key;

var str="";//ztree search

var btype= "input";

var last;

//构建下拉树

var setting = {

data:{

simpleData:{

enable:true

}

check:{

enable:true

callback:{

beforeCheck:zTreeBeforeCheck,

onCheck:zTreeOnCheck

}

$(document).ready(function() {

if(navigator.userAgent.indexOf('Chrome') >= 0){//IE

btype="keyup";

}

//alert(art.dialog);

$("#singleform").validate();

$("#add_plus").bind("click",function(){

if($(".plus").length>=10){

return false;

}

$(".plus").last().clone(true).insertAfter($(".plus").last());

});

$("#remove_plus").click(function(){

if($(".plus").length>1){

$(".plus").last().remove();

}

});

$("#remove_checkbasis").click(function(){

$.ajax({

url:'${base}/business/checkbasis/listTreeSync.do',

dataType:'json',

type:'post',

success:function(d){

$.fn.zTree.init($('#mytree'),setting,d);

var panel = $('#checkBasiss_list_id').combobox('panel');

$('#sp').show().appendTo($(panel));

}

})

$("#checkBasiss_list_id").combobox('setValue','').combobox('setText','');

j=0;

});

$("#checkBasiss_list_id").combobox({

width:300,panelHeight:300

});

//模糊查找匹配start

var textbox = $("#checkBasiss_list_id").combobox('textbox');

key = $(textbox);

//KEYUP 延迟搜索 start

$(key).keyup(function(event){//输入框

last = event.timeStamp;//利用event的timeStamp来标记时间，这样每次的keyup事件都会修改last的值

setTimeout(function(){//设时延迟

if(last-event.timeStamp==0){//如果时间差为0（也即停止输入0.5s之内都没有其它的keyup事件）则do

searchNode();

}

},500);

});

$.ajax({

url:'${base}/business/checkbasis/listTreeSync.do',

dataType:'json',

type:'post',

success:function(d){

//alert(JSON.stringify(d))

$.fn.zTree.init($('#mytree'),setting,d);

var panel = $('#checkBasiss_list_id').combobox('panel');

$('#sp').show().appendTo($(panel));

}

})

$(".search").click(function(){

$("#checkBasiss_list_id").combobox({queryParams: {

"content":$("#basis_title_id").val()

}});

});

function zTreeBeforeCheck(treeId,treeNode){

if(treeNode.isParent){

//Notifier.info("<spring:message code="只能选择最末级内容"/>")

bootbox.alert("只能选择最末级内容")

return false;

}

function zTreeOnCheck(event,treeId,treeNode){

if(treeNode.checked){

j++;

arr.push(treeNode.id);

}

if(!treeNode.checked){

j--;

for(var i=0,leng=arr.length;i<leng;i++){

if(arr[i]==treeNode.id){

arr.splice(i,1);

}

$("#checkBasiss_list_id").combobox('setValues',arr).combobox('setText','已选中'+j+'项');

}

function searchNode(e){

var treeObj = $.fn.zTree.getZTreeObj("mytree");

var value = $(key).val();

var nodeList = treeObj.getNodesByParamFuzzy("name",value);

$.fn.zTree.init($("#mytree"),setting,nodeList);

//updateNodes(true);

}

function updateNodes(highlight) {

var zTree = $.fn.zTree.getZTreeObj("mytree");

for( var i=0, l=nodeList.length; i<l; i++) {

nodeList[i].highlight = highlight;

zTree.updateNode(nodeList[i]);

}

function getFontCss(treeId, treeNode) {

return (treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};

}

function focusKey(e) {

if (key.hasClass("empty")) {

key.removeClass("empty");

}

function blurKey(e) {

if (key.get(0).value === "") {

key.addClass("empty");

}

</script>

.txt{

margin-bottom: 5px;

}

.checkItem_toolbar{

padding: 5px;

}

</style>

</head>

<body>

</div>

<x:text cssClass="form-control" name="basis_title" placeholder="com.safewaychina.eye.entity.business.CheckBasis.content"></x:text>

<x:button value="admin.view.txt.query" rightIcon="icon-search icon-on-right bigger-110" cssClass="btn btn-purple btn-sm search"></x:button>

</span>

</div>

<x:form action="${base}/business/checkitem/save" id="singleform" cssClass="form-horizontal">

<x:token/>

<x:hidden name="checkItemType.id" value="${checkItemType.id}"/>

<div class="viewitem">${checkItemType.name} </div>

</div>

<x:text cssClass="form-control required" maxlength="1000" name="name" placeholder="com.safewaychina.eye.entity.business.CheckItem.name" value="${checkItem.name}"></x:text>

</div>

<x:text cssClass="form-control" id="checkBasiss_list_id" name="checkBasiss_list" placeholder="com.safewaychina.eye.entity.business.CheckItem.checkBasiss" ></x:text>

</div>

<div>

</div>

<x:textarea cssClass="form-control" name="checkMethod" placeholder="com.safewaychina.eye.entity.business.CheckItem.checkMethod" value="${checkItem.checkMethod}"></x:textarea>

</div>

</div>

<div>

</div>

<x:textarea cssClass="form-control" name="remark" placeholder="com.safewaychina.eye.entity.business.CheckItem.remark" value="${checkItem.remark}"></x:textarea>

</div>

</x:form>

</body>

</html>

转载于:https://my.oschina.net/u/2471041/blog/525930

chengshun5940

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
下拉框同步树 combobox+ztree 加ztree模糊搜索，适配chrome IE FF

<%@ page language="java" pageEncoding="UTF-8" %><%@taglib uri="http://www.springframework.org/tags" prefix="spring" %><%@ taglib uri...
复制链接

扫一扫