最近在做权限模块。包括权限部分的界面实现。由于采用了微软的Treeview控件来分配权限,所以碰到网上热烈讨论的有关TreeView操作的刷新问题,在众位先人和同事的帮助下,终于使Treeview的问题得到了较好的解决。
1、前台控制展开,收缩,Check/UnCheck,后台控制SelectedIndexChanged。
解决方法:
将autopostback设置成false;
在body里添加 <body onload="initTree()">
然后在PageLoad里写:
string strTreeName = "TreeView1";
string strRef = Page.GetPostBackEventReference(TreeView1);
string strScript = "<script language=\"JavaScript\"> \n" + "<!-- \n" + " function initTree() { \n" +" " + strTreeName + ".onSelectedIndexChange = function() { \n" + "if (event.oldTreeNodeIndex !=
event.newTreeNodeIndex) \n" + "this.queueEvent('onselectedindexchange', event.oldTreeNodeIndex + ',' + event.newTreeNodeIndex); \n" + "window.setTimeout('" + strRef.Replace("'","\\'") + "', 0, 'JavaScript'); \n" + " } \n" + " } \n" + "// --> \n" + "</script>";
Page.RegisterClientScriptBlock("InitTree",strScript );
2、在CheckBox情况下。在前台选择checkbox后进行刷新,发现Checkbox的状态变得混乱,有些应该被选上的被弄丢了。这个问题是微软Treeview.htc中的一个bug,而且问题之前网上一直未发现有好的解决方法。昨天发现有位牛哥解决了这个问题,他完善了htc文件,并且在htc中增加了在checkbox情况下父子联动的效果,对于需要实现这个功能而对JS不太熟的人真是个福音啊,因为这意味着你不用写任何代码就可以实现这个功能了,真是非常感激啊。我把这位牛哥文章的http提供给大家:http://blog.csdn.net/cuike519/archive/2005/02/02/278271.aspx
3、对于SelectedIndexChanged,可以做到进一步的自定义。即如果树有三层,可以使点击第一层,第二层时不进行Postback,只是在选择第三层时才进行Postback。
这个其实就是在第一点上进行修改,对于onSelectedIndexChange 处发的条件进行扩充。上面代码中只是判断了如果新节点与旧节点不是同一节点,就触发SelectedIndexChange,执行_dopostback,你只要将条件改成你想要的限制条件就可以做到你想要的控制。不过要注意if后面的语句啊,if后面没有跟{号,如果你要加附加条件的话,意味着应该有条件的执行后面两句。