在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文檔以獲取更多詳細信息。