Question

我有一个转发器控件，它显示图像和一些基本信息，如DateTime和Prouct Id。单击图像时，我需要运行另一个查询并在单独的弹出窗口中显示详细信息。我知道如何进行弹出窗口。我想知道如何从转发器中获取DateTime和ProductId，并在图像的按钮单击事件中使用它们？

我有下面的转发器代码：

<asp:Repeater ID="rptMonitorSummary" runat="server" OnItemDataBound="rptMonitorSummary_OnItemDataBound">
    <ItemTemplate>
        <asp:Panel ID="Pnl" runat="server">
            <li class="ui-widget-content ui-corner-tr">
                <h5 class="ui-widget-header">
                    <%# Eval("Name").ToString().Length > 9 ? (Eval("Name") as string).Substring(0, 9) : Eval("Name")%>
                </h5>
                <div id="divHover">
                    <asp:ImageButton Width="80px" ID="btnPerformanceImage" onclick="btnPerformanceImage_Click" runat="server" Height="45px">
                    </asp:ImageButton>
                </div>
                <div class="tooltip" style="display: none">
                    <div style="text-align: center; font-weight: bold;">
                        <%# Eval("DateTime") %><br />
                    </div>
                    <div style="text-align: center; font-weight: normal">
                        ErrorRatingCalls =
                        <%# Eval("ProductId")%><br />
                    </div>
                    <div style="text-align: center; font-weight: normal">
                        TotalRatingCalls =
                        <%# Eval("TotalCalls")%>
                        <br />
                    </div>
                    <div style="text-align: center; font-weight: normal">
                        SuccessRate =
                        <%# Eval("PassPercentage") + "%" %>
                    </div>
                </div>
            </li>
        </asp:Panel>
    </ItemTemplate>
</asp:Repeater>

我也有下面的按钮点击事件：

protected void btnPerformanceImage_Click(object sender, EventArgs e)
{

    ScriptManager.RegisterStartupScript
            (this, this.GetType(), "callScriptFunction", "ViewModelPopup1();", true);
}

我想知道的是我如何获取已经绑定到转发器控件的值，当我点击转发器控件内部的图像时

Answer 1

使用OnItemCommand事件从转发器控件中提取值。

<asp:Repeater ID="rptMonitorSummary" runat="server" OnItemDataBound="rptMonitorSummary_OnItemDataBound" OnItemCommand="rptMonitorSummary_ItemCommand">

。。

<asp:ImageButton Width="80px" ID="btnPerformanceImage" CommandName="Popup" runat="server" Height="45px"></asp:ImageButton>

。。

protected void rptMonitorSummary_ItemCommand(object source, RepeaterCommandEventArgs e)  
{  
    if (e.CommandName == "Popup")  
    {
        DataRowView row = ((DataRowView)e.Item.DataItem).Row;

        string data1 = Convert.ToString(row["Data1"]);
        string data2 = Convert.ToString(row["Data2"]);

        ScriptManager.RegisterStartupScript
                (this, this.GetType(), string.Format("callScriptFunction", "ViewModelPopup1('{0}','{1}');", data1, data2), true);
    }  
}

Answer 2

而不是按钮内的OnClick，而是在Repeater中使用OnItemCommand =“rptMonitorSummary_ItemCommand”

然后在

背后的代码上

    protected void rptMonitorSummary_ItemCommand(object sender, RepeaterCommandEventArgs e)
    {
          //  e.CommandName and e.CommandArgument will let you know what was clicked
    }

您的按钮可能看起来像这样

    <asp:Button runat="server" ID="btnPerformanceImage" Text="Whatever" CommandName="OpenImage" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ProductId") %>' />

那么你知道用户点击了什么并且可以改变弹出窗口以适应它

Answer 3

您应该使用ItemCommand控件的Repeater事件，而不是处理按钮本身。作为CommandArgument，您可以传递ProductId，然后在处理程序内部使用它来从数据库中检索其余信息。或者您甚至可以将所有需要的值作为单个字符串包含在CommandArgument中，然后进行一些解析：

<asp:Repeater ... OnItemCommand="rptMonitorSummary_ItemCommand" ... >
   ...
   <asp:ImageButton ... CommandName="ShowPopup" CommandArgument='<%# Eval("ProductId") + "," + Eval("DateTime") %>'>
   </asp:ImageButton>
   ...
</asp:Repeater>

处理程序可能如下所示：

protected void rptMonitorSummary_ItemCommand(object sender, RepeaterCommandEventArgs e)
{
    string[] tokens = e.CommandArgument.ToString().Split(',');
    int productId = int.Parse(tokens[0]);
    DateTime dateTime = Date.Time.Parse(tokens[1]);
    // the rest of the handling here
}

Answer 4

你可以为包含日期值和ProductId值的两个div标签设置一个类属性名，然后用jquery .find（'classname'）获取它们以检索它们的值。

如何从转发器控件中检索详细信息以在模式弹出窗口中显示

4 个答案: