0

我有一种情况,我正在尝试创建更新/删除面板。我目前在删除面板中工作,并决定对更新面板使用相同的控件。我能看到这个工作的唯一方法是确认按钮是否可以选择按下哪个按钮。我似乎无法弄清楚如何做到这一点。有没有办法做到这一点,而无需创建具有不同按钮集的全新弹出菜单和所有?

// 请注意,这是未完成的代码,我仍在尝试代码,所以如果您有任何不清楚的地方,请尽管询问,我会尽力解释。

javascript

//execute popup
function popup() {
    $("#popupbg").animate({ opacity: ".8" });
    $("#delete, #update").click(
    function() {
        $("#popupbg, #popupbgitembg").show('fast')
    });
}
//execute popup cancel
function popupcancel() {
     $("#popupbg, #popupbgitembg").hide('medium');
}
//execute popup delete
    function popupdel() {
        $('execdelete').click();
            var button = document.getElementById("<%= execdelete.ClientID %>");
            button.click();
        $("#popupbg, #popupbgitembg").hide('medium');
    }

HTML(popupbg 是背景)

<div id="popupbg"> 
</div> 
<div id="popupbgitembg">
<ul class="popupbgitems">
        <li id="lidelete" visible="false">
            <asp:Label ID="lblpopup" runat="server" ></asp:Label>
            Are you sure you want to delete?
        </li> 
        <li></li> 
        <li>
            <asp:Button ID="execdelete" runat="server" CssClass="invisible" OnClick="delSysGLDepts" />
            <asp:Button ID="execupdate" runat="server" CssClass="invisible" OnClick="updateSysGLDepts" />
            <asp:Button ID="butdelete" runat="server" Text="Yes" Width="70px" OnClientClick="javascript:scroll;popupdel();" Font-Size="11.5px"/>
            <asp:Button ID="butcancel" runat="server" Text="No" Width="70px" OnClientClick="javascript:popupcancel();" Font-Size="11.5px"/>

        </li>
    </ul>
</div>    

<li><asp:Button ID="update" Text="Update" style="font-size:11px"  runat="server"/>
                        <asp:Button ID="delete" Text="Delete" style="font-size:11px" OnClientClick="javascript:popup('delete');" runat="server"/>

                   </li>
4

1 回答 1

1

在这部分

$("#delete, #update").click(
    function() {
        $("#popupbg, #popupbgitembg").show('fast')
    });

是删除和更新按钮的点击动作。在你的点击功能中,你可以做

var id = $(this).attr("id");
if (id == "delete") {
   //setup the form for delete - show or hide delete stuff
} else if (id =="update") {
   //setup the form for update - show or hide update stuff
}

在您的弹出窗口中,您可以使用一个按钮进行更新,另一个按钮进行删除。在您的设置代码中,显示您想要的并隐藏另一个。与任何文本相同。

于 2012-08-13T16:57:25.583 回答