이 글은 주로 ajax를 통해 json을 얻고 수표장을 확인하는 방법을 소개합니다. 이제는 모든 사람과 공유합니다.
상급자의 요청에 따라 트리 목록이 제공됩니다. 프로젝트의 경우 ztree를 사용해야 합니다. 그런 다음 명령을 준수해야 합니다.
var zTree; var setting = { view: { dblClickExpand: false, //双击节点时,是否自动展开父节点的标识 showLine: true, //设置ztree是否显示节点之间的连线 selectedMulti: false, //设置是否允许同时选中多个节点 }, check: { enable: true //设置ztree的节点是否显示checkbox/radio }, data: { simpleData: { enable:true, //是否使用简单数据模式 idKey: "id", //节点数据中保存唯一标识的属性名称 pIdKey: "p_id", //节点数据中保存其父节点唯一标识的属性名称 rootPId: "" //用于修正根节点父节点的数据,即pIdKey指定的属性值 } }, callback: { onClick:function (e,treeId,treeNode,clickFlag) { //用于捕捉勾选时触发 zTree.checkNode(treeNode,!treeNode.checked,true);//勾选或取消勾选单个节点 } } };
var zNodes ; var select; var selectarry=[]; //要勾选的id var allnodes; var t = $("#tree"); $.ajax({ type: "POST", url: "...",//请求的后台地址 data: "name=John&location=Bpston",//前台传给后台的参数 dataType:"json", ansync:false, ContentType: "application/json; charset=utf-8", success: function(msg){ //msg:返回值 // alert( msg.data ); zNodes=msg.data.list; zNodes=eval(zNodes); //zNodes=JSON.stringify(zNodes); //console.log(zNodes); //alert(zNodes) t = $.fn.zTree.init(t, setting, zNodes); var zTree2 = $.fn.zTree.getZTreeObj("tree"); selectarry=msg.data.nodes.split(","); allnodes=zTree2.getNodes(); for(select=1;select<selectarry.length;select++) { allnodes[select]=msg.data.list[select]; } console.log(allnodes); //console.log(selectarry); for(select=0;select<selectarry.length;select++) { zTree2.checkNode(zTree2.getNodesByParam("id",selectarry[select])[0],true); } } });
모든 노드를 확장, 축소, 확인, 취소하는 방법을 첨부합니다
//展开和折叠 $("#ztreeExpandAll").click(function () { $.fn.zTree.getZTreeObj("tree").expandAll(true); }); $("#ztreeUnExpandAll").click(function () { $.fn.zTree.getZTreeObj("tree").expandAll(false); }); //勾选全部或取消全部 var clicknumber=1; $("#checkall_deafult").click(function () { if(clicknumber%2>0) { // var treeObj = $.fn.zTree.getZTreeObj("tree"); zTree.checkAllNodes(true); } else { // var treeObj = $.fn.zTree.getZTreeObj("tree"); zTree.checkAllNodes(false); } clicknumber++; });
위는 이 글의 전체 내용입니다. 모든 분들께 도움이 되길 바랍니다. 학습, 더 많은 관련 콘텐츠 PHP 중국어 홈페이지를 주목해주세요!
관련 권장 사항:
위 내용은 ztree는 ajax를 통해 json을 가져오고 수표장을 확인합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!