close
設計一個類似GridView，當然不是一個一模一樣的使用，但一步一步來。
先做一個類似的就是表格然後點選之後該row會變色，並且可以在javascript當中取得該row的內容。
JAVASCRIPT-1.jpg

當然要先編輯一個上圖的HTML表格，這部份就不贅述了。我想難度應該不高，問題點應該會在JAVASCRIPT上才是。
HTML主要是在checkbox上有增加onclick的做法，並且傳入是第幾個row。

再來就是要設計setClickData這個function了，我們先看完整的code。

做法事先透過getElementById先抓取table這個Element，抓出之後就可以去抓取Table想要的資料
我在這裡唯一比較不一樣是取得checkbox的做法，我是透過Table往下找，這樣是為了避免整個文件中還有其他地方
有設計使用到checkbox，這樣會有檢查錯誤的情況發生。
另外就是點選之後的顏色，我直接將整個row顏色改變，這裡也可以用設定className的方式，這樣就必須搭配CSS的設計。
tblObj.rows[index].className = "rowColor";

如果你不想一次一整個row，想要一個cell一個cell改顏色，搞成漸層色的感覺，那樣也行阿!!
//classNmae的部分自己發揮了，也可以改成style的方式
tblObj.rows[index].cells[i].className = "rowColor";

完整source code如下，存成HTML就可以知道執行的狀況: 

JAVASCRIPT-模擬GridView









checkboxhead1head2head3


context1context2context3


context1context2context3


context1context2context3










PS. 若需要轉載，請註明出處....Thanks.            

    

        

                    

    

    

        arrow
    

    

        arrow
    

    
    

    
    
    
            
    
    
    
        
    
            
    全站熱搜
    
        
    
        
    
                
    
    
    

    
        
    
    
    
            NBPBlog 發表在 痞客邦                    留言(0) 人氣()
                    
    
            E-mail轉寄
        

    

    
    
    
                    
            
    
            
                        
        
    
        
            
    
    
    
    
    

    


    
        
                        
    ▲top
    
        
    
    
    
      
      
    留言列表 留言列表
    
      
    發表留言