Repeater의 Row에 Click Event 넣기 2탄....

aspx 소스를 보면.. 이전 소스랑 크게 다른거는 없다..
Repeater에 데이타 바인딩만했을 뿐..
단지.. tr과 td에.. id와 사용자정의 테그(?) fieldname 만 주었을 뿐...
        
            
                
                    Board Seq
                
                
                    Category ID
                
                
                    Category Name
                
            
        
        
            
                
                    <%# DataBinder.Eval(Container.DataItem, "BoardSeq") %>
                
                
                    <%# DataBinder.Eval(Container.DataItem, "CategoryID") %>
                
                
                    <%# DataBinder.Eval(Container.DataItem, "CategoryName") %>
                
            
        
    


모.. 자바스크립트 코드는 비슷하다..
aspx에서 id와 fieldname을 찾아서.. TextBox에 넣어주는 구문이 더 있을뿐...
아래에 param이라는 변수는 QueryString 값으로 여러 값이 넘어갈때..
사용하기 위해 일부러 만들어 놓은 것이다.




크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2010/03/19 16:11 2010/03/19 16:11
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/24

Repeater의 Row에 Click Event 넣기..

예전엔.. Column에 <a> 를 주어 링크를 걸거나.. 해당 데이터를 다시 불러오곤 했다.

이번엔... jQuery, id, tab Name(?)을 이용해서  링크를 걸어보자..



위의 자바스크립트는  Element내에.. tr이라는 tagName이 있으면..
td를 찾아서 fieldName에 해당하는 text를 가져와서 링크를 걸어 준것이다.

아래 aspx 페이지에서 repeater내에 들어가는 table내에.. ItemTemplate내에 tr에다..
id="trBoardList"라고 이름을 준 다음..
onclick 이벤트에 자바스크립트를 호출하였다.. onclick="javascript:OnClickIt(this);" 
tr에 마우스를 올렸을 때 커서 모양을 Hand 로 변경해주면.. 끝..style="cursor:hand;"



Board No. Board ID. Board Name.
<%# DataBinder.Eval(Container.DataItem, "BoardSeq") %> <%# DataBinder.Eval(Container.DataItem, "BoardID")%> <%# DataBinder.Eval(Container.DataItem, "BoardName")%>
헐.. 몇년만에.. 다시 보는뎅.. 어디간겨?? =_=;;
OnClick가 없넹.. =_=;;
<tr id="trBoardList" onclick="OnClickIt(this);">
    <td fieldName="CompanyCode"></td>
</tr>

아놔 귀찮아서..
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2010/03/19 14:00 2010/03/19 14:00
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/23