在ASP.net中使表格单元格或Div可单击

Question

我有一个项目，必须在ASP.net中制作一个名为futoshiki的游戏（有关示例，请访问www.dofutoshiki.com）。 我正在使用Visual Studio 2010。

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

我已经看到了人们使用[a]和[span]的示例。 但是我真的不认为每个表单元格都必须是链接。 我只希望每个表格单元格在单击时生成一个事件，然后事件处理程序（C＃事件处理程序）读取输入值，检查其是否有效等，然后将表格单元格的值更改为新的输入值。

我也尝试过查看[div]。 而不是拥有5 x 5的桌子，我可以拥有... 25个div标签。 但我无法使它们可点击！

谢谢！

亚历克斯

Answer 1

如果您使用jQuery（应使用），则可以像这样绑定到click事件。

<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>

祝好运！

Answer 2

只是建议：为什么不使用扩展的GridView？ 默认情况下，它具有一个CellClicked事件，以及用于处理引发事件数据的所有不错的功能。

Answer 3

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

设置JQuery click事件的示例：

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

按键事件与设置非常相似。 查看JQuery文档以获取更多详细信息。