표 셀 선택

Question

두 표 값을 기반으로 자동으로 생성되는 표가 있습니다. 각 개별 셀 (여러 셀이 아님)을 선택하고 셀 선택에서 RadWindow이 나타나야합니다. 선택한 셀의 외부 상자는 굵게 표시되어야합니다. RadWindow 내에는 RadColor 선택기가 있고 선택된 색상은 셀의 배경을 바꿉니다. 온라인으로 유사한 이벤트의 예제를 살펴 보았습니다.하지만 jQuery이 부족하고 JS 지식이 있기 때문에이 문제를 어떻게 해결해야할지 확신이 서지 않습니다.

내 표는 다음과 같습니다

이

<asp:Table ID="Table1" runat="server" BorderStyle="Solid" BorderWidth="7px" 
    CellPadding="40" CellSpacing="15" Font-Bold="True" Font-Size="XX-Large" 
    GridLines="Both" HorizontalAlign = "Center"> 
</asp:Table> 

테이블 생성에 대한 숨김 코드는 다음과 같습니다 http://demos.telerik.com/aspnet-ajax/grid/examples/client/cellselection/defaultcs.aspx 이를 호출하는 방법을 참조하십시오

public void Generate_Matrix() 
{ 
    // Total number of rows. 

    int rowCnt = CCT.Rows.Count; 

    // Current row count. 
    int rowCtr; 
    // Current cell counter 
    int cellCtr = 0; 
    // Total number of cells per row (columns). 
    int cellCnt = LCT.Rows.Count; 
    for (rowCtr = 1; rowCtr <= rowCnt; rowCtr++) 
    { 
     // Create new row and add it to the table. 
     TableRow tRow = new TableRow(); 
     for (cellCtr = 1; cellCtr <= cellCnt; cellCtr++) 
     { 
      // Create a new cell and add it to the row. 
      TableCell tCell = new TableCell(); 
      tCell.Text = rowCtr + "" + cellCtr; 
      tRow.Cells.Add(tCell); 
     } 
     Table1.Rows.Add(tRow); 
    } 

} 

Answer 1

여기 RadGrid 세포로 작업하는 방법을 참조하십시오 함수를 여기 RadWindow 내부의 메인 페이지에서 사용하십시오 : http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx 그래서 새로운 색상을 전달할 수 있습니다. 또는 RadWindow의 ContentTemplate을 사용하면 동일한 컨텍스트에서 색상 선택기를 사용할 수 있습니다 : http://www.telerik.com/help/aspnet-ajax/window-programming-calling-functions.html. 예를 들어 글로벌 JS var에서 마지막으로 클릭 한 셀에 대한 참조를 저장합니다. 이 작업은 표준 컨트롤에서도 수행 할 수 있습니다. 클릭 한 셀을 이벤트 대상에서 추출해야합니다.