在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可點擊

回答

相關問題