从中继器控件更新面板和触发器

Question

您好，我在网上发现了类似于以下的代码。将按钮埋在中继器控件中以触发返回服务器的完整循环似乎真的很棒。

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
        </asp:ScriptManager> 

        <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
            <ContentTemplate> 
                <%=DateTime.Now.ToString() %> 
            </ContentTemplate> 
            <Triggers> 
                <asp:PostBackTrigger ControlID="HiddenButton" /> 
            </Triggers> 
        </asp:UpdatePanel> 

        <!--Make a hidden button to treat as the postback trigger--> 
        <asp:Button ID="HiddenButton" runat="server" Style="display: none" Text="HiddenButton" /> 


        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1"> 
            <ItemTemplate> 
                 <!--when cick the button1, it will fire the hiddenButton--> 
                <asp:Button ID="Button1" Text="Trigger" CommandArgument='<%# Eval("Id") %>' OnClientClick="$get('HiddenButton').click();return false;" 
                    runat="server" /> 
            </ItemTemplate> 
        </asp:Repeater>

它使用hiddenButton 通过将原始按钮的单击事件挂钩到此按钮来实现此目的。不过，我对此的补充是按钮的 CommandArgument 设置。我还需要为隐藏按钮设置它。

有谁知道解决这个问题的方法吗？

Answer 1

首先，我想使用您发布的相同示例来解释使用更新面板的缺点。

以下是原始代码

---

输出

---

要显示 22 个字符串，您可以检查正在接收和发送到服务器的数据量。试想一下，

1. 如果您考虑使用 Update Panel 将每个请求发送到 Database，并且您的 GridView 位于 Update Panel 中!!!!!!
2. 假设您将为每个请求使用 ViewState 数据，并在更新面板内使用 GridView。

根据我的理解，上述两种技术都是最糟糕的。

---

现在我将向您描述页面方法

更新面板上的页面方法

页面方法允许ASP.NET AJAX页面直接执行页面的静态方法，使用JSON（JavaScript 对象表示法）。我们可以使用 Web 方法 仅请求我们想要的信息，而不是发回然后接收 HTML 标记来完全替换 UpdatePanel 的内容。有兴趣。

示例代码

---

输出

希望这能清楚地解释用法的差异。

---

回答原始查询

您必须注册以下Repeater 的ItemDataBound 事件并使用以下代码。

代码

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || 
                           e.Item.ItemType == ListItemType.AlternatingItem)
    {
        Button btn = (Button)e.Item.FindControl("Button1");
        btn.OnClientClick = string.Format("SubmitButton('{0}');return false;"
                                                        , HiddenButton.ClientID);

    }
}

---

JavaScript

<script type="text/javascript">
     function SubmitButton(btn)
     {
         $("#" + btn).click(); 
     }
</script>

//替代

<script type="text/javascript">
     function SubmitButton(btn)
     {
         document.getElementById(btn).click(); 
     }
</script>

---

参考< /a> & 此处

Answer 2

您的 HiddenButton 控件是一个服务器控件，但您尝试使用它的 ASP.Net ID 在 JQuery 中访问它，

<asp:Button ID="Button1" Text="Trigger" CommandArgument='<%# Eval("Id") %>' OnClientClick="$get('**HiddenButton**').click();return false;" 
                runat="server" /> 

修复它的快速方法是创建一个单独的函数，

<script type="text/javascript">
function SubmitButton(btn)
{
     $get("#" . btn).click(); 
}
</script>

并将按钮代码更改为，

<asp:Button ID="Button1" Text="Trigger" CommandArgument='<%# Eval("Id") %>' 
                runat="server" /> 

在代码后面，在中继器的 ItemDataBound 中事件，找到按钮和 HiddenControl 并设置 Button1 的 OnClientClick 属性，

Button1.OnClientClick= string.Format("SubmitButton('{0}');return false;",HiddenButton.ClientID);