0

我有一个中继器控件，它显示图像和一些基本信息，例如 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);
}

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

4

4 回答 4

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);
    }  
}
于 2013-06-07T16:06:16.897 回答
1

而不是按钮内的 OnClick，在您的中继器中使用 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") %>' />

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

于 2013-06-07T16:06:48.610 回答
1

与其处理按钮本身的点击，不如利用控件的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
}
于 2013-06-07T16:07:00.797 回答
0

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

于 2013-06-07T16:03:45.733 回答