选择一个表格单元格

本文关键字:一个 表格 单元格 选择 | 更新日期: 2023-09-27 18:12:34

我有一个基于两个Grid值自动生成的表。我希望能够选择每个单元格(不是多个单元格),并在单元格选择上,应该出现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>

生成表的代码是:

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);
    }
}

选择一个表格单元格

查看如何使用RadGrid单元:http://demos.telerik.com/aspnet-ajax/grid/examples/client/cellselection/defaultcs.aspx看看如何从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变量中存储对上次单击的单元格的引用。这也可以用标准控件完成,您需要从事件的目标中提取被单击的单元格。