【孟憲會】TreeView 控制元件之不回發操作

iDotNetSpace發表於2008-06-06

今天在論壇看到一個問題,問的是如何實現 TreeView 控制元件在不回發的情況下,實現各種功能。既然不要求回發,只能使用客戶端的指令碼來實現了,下面就是完整的程式碼。

  1. class=csharp name="code">"Courier New">"C#" AutoEventWireup="true" %>
      

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 protected void Page_Load(object sender, EventArgs e)
 {
  Response.Write("重新整理標記:" + DateTime.Now.Ticks.ToString());
  TreeView1.Attributes.Add("onclick", "getNode(event);");
 }

http://www.w3.org/1999/xhtml">

 TreeView 控制元件之不回發操作

 
 var foo = null;
function getNode(evt)
{
 evt1 = window.event ? window.event.srcElement : evt.target;
 if(evt1.tagName && evt1.tagName != "INPUT")
 {
      if(evt1.tagName == "IMG")
      {      
        return true;
      }
      else
      {
       if(foo) foo.style.color="#00F"; //最初的顏色
        evt1.style.color="#f0f0f0"; //如果要其他單擊變換顏色,調整這3的位置即可,應該不用再說了吧???
        foo = evt1;
       
        var sb = evt1.previousSibling;
        if(sb.tagName == "INPUT")
        {
          var imgPlus = document.getElementById(sb.id.replace(/CheckBox/gi,""));
          if(imgPlus)
          {
            eval(imgPlus.href)
          }
        }
        if(window.event)
        {
         window.event.returnValue=false;
         return false;
        }
        else
        {
         evt.preventDefault();
         evt.stopPropagation();
        }
    }
 }
}

 



 
 


 
  
   
    
     
      
       
      

     

    

    
     
      
     

    

    
     
    

   

   
   
    
     
      
     

    

   

  

 

 

 


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-332670/,如需轉載,請註明出處,否則將追究法律責任。

相關文章