单击 <li> 调用 c# 方法

Question

我有一个项目在

中有多个选项卡

<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 成为活动选项卡

Answer 1

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

Answer 2

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

单击 <li> 调用 c# 方法

Call c# method on click of <li>

javascript

c#

asp.net

jquery

asp.net-ajax