点击 <li> 调用 c# 方法

【问题标题】：Call c# method on click of <li>点击 <li> 调用 c# 方法
【发布时间】：2015-10-13 06:32:47
【问题描述】：

我有一个项目，其中有多个标签

<li id=tab1 class="active"><a href="#">Tab1</a></li>
<li id=tab2><a href="#">Tab2</a></li>
<li id=tab3><a href="#">Tab3</a></li>
<li id=tab4><a href="#">Tab4</a></li>

每个选项卡都有多个网格视图
当 page_Load 被调用时，它执行了 10 多个方法，几乎有 15 个查询，这使得页面非常慢。

我想在点击选项卡时调用方法
只有相关 TAB 上的相关方法

请记住，当页面回发时，Tab1 将成为活动选项卡

【问题讨论】：

你能告诉我怎么做吗？对不起！我是 C# 新手

标签： javascript c# jquery asp.net asp.net-ajax

【解决方案1】：

<li runat="server" id=tab1  OnClick="Ontabl1_Click">....</li>

然后

public void Ontabl1_Click(object sender, EventArgs e)
{
  // sender is the li dom element you'll need to cast it though.
}

在 Javascript 上试试这个

<script>
function fntabl1(str) {
    //your code
}
</script>

<li onclick="fntab1(this.id)" id="tabl">....</li>

【讨论】：

标签没有 OnClick="" 它可以有 onclick 用于 javascript 它可以回发到代码隐藏

对不起，我没看懂，'//你的代码'区域应该放什么

“仅相关 TAB 上的相关方法”。 '//您的代码'您需要编写将 GridView 绑定到选项卡的 rel 事件方法

【解决方案2】：

为每个标签添加 runat= server 属性。为它们中的每一个编写 OnClick 方法。在服务器端的click方法中加载相应的gridview。

【讨论】：