1

我遇到了一个问题，我的用户控件中有一个 jquery 模态弹出窗口，我通过单击按钮显示，用户从数据列表中选择了一些东西，然后我在隐藏字段中的父用户控件上返回了一些值，一切都很好，直到在这里，但是在单击选择按钮后，我希望关闭 jquery 模态，这也是我在模态对话框中显示的 div 的一些代码

<asp:UpdatePanel ID="upDatagrabber" runat="server">
<ContentTemplate>
    <table>
        <tr>
            <td>Select Category</td><td><asp:DropDownList ID="ddlTemplateCatagory" 
                runat="server" AutoPostBack="True"></asp:DropDownList></td>
        </tr>
        <tr>
            <td colspan="2">
                <table cellspacing="0" cellpadding="0" border="0" style="float:left;padding:5px;margin:5px;width:200px;display:block;">
                        <tbody>
                            <tr>
                                <asp:DataList ID="dlTemplates" runat="server" RepeatColumns="3" 
                                    RepeatDirection="Horizontal" onitemcommand="dlTemplates_ItemCommand">
                                    <ItemTemplate>
                                        <td style="border-right: gainsboro 1px solid; border-top: gainsboro 1px solid;
                                            border-left: gainsboro 1px solid; border-bottom: gainsboro 1px solid;padding:5px;">
                                            <table><tr><td>
                                            <%# Eval("NewsletterName").ToString()%>
                                            </td></tr>
                                            <tr><td><asp:Button ID="btnSelectNL_Template" Text="Select" runat="server" CssClass="button" CommandArgument='<%# Eval("NewsletterId").ToString()%>' CommandName="Select"/></td></tr>
                                            </table>
                                        </td>
                                    </ItemTemplate>
                                </asp:DataList>
                            </tr>
                        </tbody>
                 </table>
            </td>
        </tr>
    </table>
</ContentTemplate>

在 ItemCommandEvent 我尝试了以下

protected void dlTemplates_ItemCommand(object source, DataListCommandEventArgs e)
    {
        if (e.CommandName == "Select")
        {
            int SelectedNewsletterId = int.Parse(e.CommandArgument.ToString());
            if (NewsletterSelectedHandler!= null)
            {
                                         e.Item.Attributes.Add("onclick","jQuery('#mydialog').dialog('close');");
                NewsletterSelectedHandler(SelectedNewsletterId);
            }
        }
    }

编辑

我在后面的代码中使用它显示了弹出窗口

ScriptManager.RegisterClientScriptBlock(this.Page, Page.GetType(), "change", "jQuery('#mydialog').dialog('open');closedialog = 1;jQuery('#mydialog').parent().appendTo(jQuery('form:aspnetForm'));", true);

弹出窗口显示成功，但我无法在单击 datalist 子按钮的按钮时关闭它我尝试了tugburk 提​​供的代码 我检查了错误控制台也没有关闭错误代码如下：

<script type="text/javascript">
$(document).ready(function(){

    $('#ctl00_ContentPlaceHolder1_NewsletterWizard1_TemplatePicker1_dlTemplates_ctl00_btnSelectNL_Template').click(function(){

      $('#mydialog').dialog('close');

    });

  });
</script>

任何帮助都将是可观的非常感谢提前

4

1 回答 1

2

使用以下代码；

  $(document).ready(function(){

    $('#<%= btnSelectNL_Template.ClientID %>').click(function(){

      $('#id_of_your_dialog_element').dialog('close');

    });

  });

编辑： 你在那里硬编码你的按钮ID；

ctl00_ContentPlaceHolder1_NewsletterWizard1_TemplatePicker1_dlTemplates_ctl00_b‌​tnSelectNL_Template

如果您有多个记录，DataList 将生成多个按钮。向该按钮添加一个类名，并尝试针对它编写代码

$('.MyButtonClass').click(function(){ 
    $('#mydialog').dialog('close'); 
});
于 2011-05-21T07:16:03.543 回答