代码之家 › 专栏 › 技术社区 › user1512593

动态Javascript

asp.net javascript

user1512593 · 技术社区 · 12 年前

我有一种情况,我正在尝试创建一个更新/删除面板。我目前在删除面板中工作,并决定在更新面板中使用相同的控件。我能看到这一工作的唯一方法是,如果确认按钮可以选择按下了哪个按钮。我似乎不知道该怎么做。有没有一种方法可以做到这一点,而不需要创建一个带有不同按钮集的全新弹出菜单?

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

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>

1 回复 | 直到 12 年前

jwatts1980 12 年前

在本部分中

$("#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
}

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