选择一个表格单元格
本文关键字:一个 表格 单元格 选择 | 更新日期: 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变量中存储对上次单击的单元格的引用。这也可以用标准控件完成,您需要从事件的目标中提取被单击的单元格。