在ASP.net中制作表格单元或Div可点击

我有一个项目，我必须在ASP.net中创建一个名为futoshiki的游戏（请参阅www.dofutoshiki.com以了解我所做的一个示例）。我正在使用Visual Studio 2010.在ASP.net中制作表格单元或Div可点击

我有一个5 x 5的表，其中每个单元格包含一个整数1 - 5。用户应该能够单击单元格，然后按数字1 - 5。我的问题是，我似乎无法使表格单元可点击。我希望用户能够点击他们想要更改的单元格，并输入1到5之间的数字。

我见过人们使用[a]和[span]的示例。但我并不认为每个表格单元都必须成为链接。我只想让每个表格单元格在被点击时生成一个事件，然后事件处理程序（C＃事件处理程序）读入输入值，检查它是否有效等等，然后将表格单元格的值更改为新的输入值。

我也试过看[div]也。而不是有一个5×5表，我可以只有像.... 25格标签。但是我没能让他们点击鼠标！

谢谢！

亚历

来源

2011-05-16 AlexMorley-Finch

如果您使用jQuery（你应该），您可以绑定到，像这样的单击事件...

<table> 
    <tr> 
     <td id="cell_1_1"><!-- something here --></td> 
     <td id="cell_1_2"><!-- something here --></td> 
     <td id="cell_1_3"><!-- something here --></td> 
     <td id="cell_1_4"><!-- something here --></td> 
     <td id="cell_1_5"><!-- something here --></td> 
    </tr> 
</table> 

<script type="text/javascript"> 
    $('#cell_1_1').click(function(){ alert("This is how we do it!"); }); 
</script>

祝你好运！

来源

2011-05-16 14:57:45 ctorx

蒙特尔乔丹会感到自豪。 – CheckRaise 2011-05-16 15:02:45

我希望如此。 – ctorx 2011-05-16 15:55:09

只是建议：为什么不使用extended GridView?它有一个CellClicked事件在默认情况下，所有的不错的功能来处理引发的事件的数据。

来源

2011-05-16 14:46:05

我的建议是使用JQuery。它将处理点击事件以及按键事件。缺点是它不会自动与C＃后端进行交互。您可以使用ajax或手动调用ASP.NET提供的Postback方法。

示例设置JQuery的单击事件：

$("#IdOfCellOrDiv").click(function(){ 
    //Do a postback or axaj call to update server. 
});

的按键事件非常相似的设置。查看JQuery documentation了解更多详情。

来源

2011-05-16 15:04:08 esteuart

在ASP.net中制作表格单元或Div可点击

回答

相关问题