设置树节点的展开和折叠出现奇怪错误 JS脚本错误提示EVENT为空或不是对象

2013-03-16 05:27:05 204 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

wangherman 墨衍会员 · AI 创作全网分发关注 + 加入社区

前端学习（2428）：处理菜单栏的展开和折叠 app.vue <template> <div id="app"> <router-view/> </div> </template> <script> export default { name: 'App' } </script> <style lang="less"> </style> index.vue <template> <... 阅读详情

var objtree = document.getElementById("TreeView1");
var node = objtree.getChildren();
if(node.getAttribute("Expanded")==true)
{
node[0].setAttribute("Expanded", "true");
执行成功
}
else
{
node[0].setAttribute("Expanded", "true");
执行失败 JS脚本错误提示EVENT为空或不是对象
}

...全文

折叠与展开：用空间叙事重塑界面信息层级与用户体验从界面信息过载的普遍痛点切入，探讨折叠与展开这一基础交互组件如何通过空间结构管理用户注意力。结合渐进式披露原理，阐述默认状态设计、折叠粒度控制、状态记忆等关键策略，并给出原生details/summary与自定义JavaScript实现方案、动画节奏与无障碍适配细节。适用于前端开发、交互设计师优化复杂页面，在监控大屏、长表单、运维面板等场景提升操作效率，让界面从陈列柜变为有节奏的叙事空间。阅读详情

.NET社区 62,274 成员 668,968 内容

+ 关注 + 加入社区

评论 12

切换为时间正序

md5e 2013-03-18

打赏
举报

回复

var objtree = document.getElementById("TreeView1"); var node = objtree.getChildren(); if(node.getAttribute("Expanded")==true) { node[0].setAttribute("Expanded", "true"); 执行成功 } else { node[0].setAttribute("Expanded", "true还是false"); 执行失败 JS脚本错误提示EVENT为空或不是对象 }

wangherman 2013-03-18

打赏
举报

回复

我调试了展不开当Expanded为false的时候还是没反应

md5e 2013-03-18

打赏
举报

回复

function ExpandedAll(Node, Expanded) { var ChildNode = Node.getChildren(); for (var i = 0; i < ChildNode.length; i++) { ChildNode[0].getAttribute("Expanded", Expanded) if (ChildNode[i].getChildren().length > 0) { findtree(ChildNode[i], Expanded); } } } //展开 var objtree = window.parent.document.getElementById("TreeView1"); objtree.getAttribute("Expanded", true); ExpandedAll(objtree, true); //收缩 var objtree = window.parent.document.getElementById("TreeView1"); objtree.getAttribute("Expanded", false); ExpandedAll(objtree, false);

md5e 2013-03-18

打赏
举报

回复

1\findtree(objtree,rootnode[0],opflag,pid,guid, company,sex); 为什么提交了objtree还要提交rootnode[0]? 你这个递归本身的问题,写得太乱了

wangherman 2013-03-18

打赏
举报

回复

节点的数据都是数据库里的

wangherman 2013-03-18

打赏
举报

回复

代码太多要不远程调试一下

wangherman 2013-03-18

打赏
举报

回复

function findop(opflag ,pid, guid, company,sex) { var objtree = window.parent.document.getElementById("TreeView1"); var rootnode = objtree.getChildren(); //遍历树 findtree(objtree,rootnode[0],opflag,pid,guid, company,sex); } function findtree(objtree,node,opflag ,pid, guid, company,sex) { var ChildNode = node.getChildren(); var seximg="boy.gif"; if(sex==0) seximg="girl.gif"; //没有子节点 if(ChildNode.length<1) { if(opflag=="ins")//公司档案开发时的特殊代码 { if (node.getAttribute("NodeData").toUpperCase() == pid.toUpperCase()) { //在当前查找到的节点下：添加子节点 var nodeadd = objtree.createTreeNode(); var parentNode = objtree.getTreeNode(objtree.clickedNodeIndex); node.add(nodeadd); nodeadd.setAttribute("Text", company); nodeadd.setAttribute("NodeData", guid); nodeadd.setAttribute("Target", "doss"); nodeadd.setAttribute("NavigateUrl","employee.aspx?pid="+pid); nodeadd.setAttribute("ImageUrl","../../Images/"+seximg); //parentNode.setAttribute("Expanded", "true");//展开父节点 // try // { node.setAttribute("Expanded", "true");//展开父节点 // //ExpandNode(node); // var objtreeinnerHTML = window.parent.document.getElementById("TreeView1").innerHTML; // // window.parent.document.getElementById("TreeView1").innerHTML = objtreeinnerHTML.replace(""+company+"<tvns:treenode Expanded=\"Flase\"",""+company+"<tvns:treenode Expanded=\"True\""); // } // catch(ex) // { // alert(ex.description); // } return; } } } //存在子节点 for(var i=0;i<ChildNode.length;i++) { if(opflag=="ins") { if (node.getAttribute("NodeData").toUpperCase() == pid.toUpperCase()) { //在当前查找到的节点下：添加子节点 var nodeadd = objtree.createTreeNode(); var parentNode = objtree.getTreeNode(objtree.clickedNodeIndex); node.add(nodeadd); nodeadd.setAttribute("Text", company); nodeadd.setAttribute("NodeData", guid); nodeadd.setAttribute("Target", "doss"); nodeadd.setAttribute("NavigateUrl","employee.aspx?pid="+pid); nodeadd.setAttribute("ImageUrl","../../Images/"+seximg); //parentNode.setAttribute("Expanded", "true");//展开父节点 try { if(node.getAttribute("Expanded")) { node.setAttribute("Expanded", "true");//展开父节点 } else { //alert(parentNode.getAttribute("Text")); //alert(node.getAttribute("Text")); //node.setAttribute("Expanded", "true");//展开父节点 //var Expand=module_system_employee.Expanded_Node(node.getAttribute("NodeData"),true).value; alert(parentNode.getAttribute("Expanded")); parentNode.setAttribute("Expanded", "true");//展开父节点 } } catch(ex) { alert(ex.description); } return; } } else if (ChildNode[i].getAttribute("NodeData").toUpperCase() == guid.toUpperCase()) { if(opflag=="up") { ChildNode[i].setAttribute("Text", company); ChildNode[i].setAttribute("ImageUrl","../../Images/"+seximg); // try // { // ChildNode[i].setAttribute("Expanded", "true");//展开父节点 // } // catch(ex) // { // alert(ex.description); // } } else if(opflag=="del") { try { ChildNode[i].remove(); } catch(ex) { //alert(ex.description); } } return; } findtree(objtree,ChildNode[i],opflag ,pid, guid, company,sex); } }

md5e 2013-03-18

打赏
举报

回复

放完整的代码上来看看

wangherman 2013-03-18

打赏
举报

回复

我是手动点击树节点折叠让它的Expanded为false 再执行展开时node[0].setAttribute("Expanded", "true"); JS脚本错误提示EVENT为空或不是对象

wangherman 2013-03-18

打赏
举报

回复

是True 这个时候node[0]的Expanded是false

wangherman 2013-03-17

打赏
举报

回复

试过了不行还是一样的

我是小李 2013-03-16

打赏
举报

回复

node[0].setAttribute("Expanded", "true"); 这句换成node[0].Expanded="true";试下