如何甚至在ASP中的表上添加onclick，以便您可以从c＃后端执行某些操作

Question

i have this piece of code

<asp:Table ID="Table1" runat="server">
    <asp:TableRow>
        <asp:TableCell>
         Cell text
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

what i want to do is to make this table clicable and to process somthing at the back for example

void Table1_Click(Object sender, EventArgs e)
{
    //do somthing
 }

Answer 1

Can you not add an onclick event to the table? Like this. It has been a while since I did webforms.

<asp:Table id="Table1" runat="server" OnClick="Table1_Click">
    <asp:TableRow>
      <asp:TableCell>
         Cell text
      </asp:TableCell>
    </asp:TableRow>
</asp:Table>

Then use what you have for your backend.

void Table1_Click(Object sender, EventArgs e)
{
    //do somthing
}

Answer 2

You can wrap the entire Table with a LinkButton.

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="Button1_Click">

    <asp:Table ID="Table1" runat="server">
        <asp:TableRow>
            <asp:TableCell>
                 Cell text
            </asp:TableCell>
        </asp:TableRow>
    </asp:Table>

</asp:LinkButton>

Answer 3

I would suggest creating a JavaScript function and then making an Ajax call to a web method to call CS method.

HTML:

<asp:Table ID="Table1" runat="server">
    <asp:TableRow >
        <asp:TableCell onclick="tablecell_click();">
            hello
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

Javascript:

function tablecell_click() {
        //JQuery ajax call here
    }

Answer 4

`in Jquery:

$(document).ready(function(){

$("#Table1").on('click',function(){

alert(); }); });`

Answer 5

Create a button and use JQuery to click the button to do the PostBack. Call the JQuery using the onclick on the TableCell

 <asp:Table ID="Table1" runat="server">
    <asp:TableRow>
        <asp:TableCell onclick="tablecell_click();">
            hello
        </asp:TableCell>
   </asp:TableRow>
</asp:Table>
<asp:Button runat="server" id="btnCellClick" OnClick="Table1_Click"/>

    <script>
        function tablecell_click() {
           $('#btnCellClick').click();
         }
   </script>

Answer 6

The asp:Repeater control is what you need:

https://www.aspsnippets.com/Articles/Repeater-control-Tutorial-with-example-in-ASPNet-using-C-and-VBNet.aspx