Question

我有一个带有来自代码的binddata的Datalist，我试图为每个项目添加一个ajax modalpopupextender。这个modalpopup需要打开右侧面板，问题是目标控件识别它始终是页面末尾的相同按钮。

我正在选择单选按钮，但我无法打开相当于它的modalpopup。它总是打开第一个面板。

任何人都可以帮助我吗？这甚至可能吗？

C＃

    protected void btnValidateGift_Click(object sender, EventArgs e)
    {
        if (Request.Form["gift"] != null)
        {

        }
    }

ASPX

<asp:DataList ID="datalistReward" runat="server" RepeatDirection="Vertical" RepeatColumns="3" CssClass="datalistGift">
    <ItemTemplate>
        <div class="giftDiv">
            <div class="giftTitle">
                <%# DataBinder.Eval(Container.DataItem, "name") %>
            </div>
            <div>
                <img width="60%" src="img/brindes/<%# DataBinder.Eval(Container.DataItem, "img") %>.png" />
            </div>
            <div id="divRadioBtnGift" runat="server" style="width: 10%; margin: auto;">
                <input type='radio' id='radioBtnGift_<%# DataBinder.Eval(Container.DataItem, "value") %>'
                    name='gift' value='<%# DataBinder.Eval(Container.DataItem, "id") %>' />
            </div>
        </div>
        <asp:ModalPopupExtender ID="ModalPopUpReward" BehaviorID="modalBehaviorPopupReward" runat="server" PopupControlID="panelSelectReward"
            CancelControlID="btnCloseReward" BackgroundCssClass="modalBackground" TargetControlID="btnValidateGift" />
        <asp:Panel ID="panelSelectReward" runat="server" CssClass="modalPopup" align="center" Style="display: none">
            <div style="background-color: aqua; border: 1px solid red;">
                <img width="60%" src="img/brindes/<%# DataBinder.Eval(Container.DataItem, "img") %>.png" />
                <asp:ImageButton ID="btnCloseReward" runat="server" Text="Close" OnClientClick="CloseModalPopUp()" />
            </div>
        </asp:Panel>
    </ItemTemplate>
</asp:DataList>

<asp:Button ID="btnValidateGift" Text="Validar >" runat="server" CssClass="divButton" OnClick="btnValidateGift_Click" />

Edit1：我尝试将自定义字符串添加到面板ID中，如下所示＆lt;％＃DataBinder.Eval（Container.DataItem，＆＃34; id＆＃34;）％＆gt; 。但这甚至无法编译。有没有机会让这项工作？

Answer 1

您使用服务器端OnClick事件来显示弹出窗口。它只显示页面渲染期间评估的第一个（或最后一个）数据。

要更改ModalPopup的内容，您需要使用OnClientClick event + asynchronous调用来为弹出窗口填充所需的数据。使用ModalPopup的客户端事件Here is the example。

从数据列表

1 个答案: