程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> mvc下,3種窗口彈出設置的方法

mvc下,3種窗口彈出設置的方法

編輯:關於ASP.NET
    想做頁面美化,特別是在一個頁面中,只占了很小一塊的頁面,想做成彈出窗口樣式,稍微總結了下:  

    1、通過重寫,<input標簽下按鈕的onclick事件,來進行窗口的彈出設置:

    復制代碼 代碼如下:
    <input type="button" onclick="window.open('../AddDpment','','height=180,width=550,fullscreen=no,resizable=yes,scrollbars=no,top=350,left=500')" value="添加部門"/>


    其中,window.open('路徑','窗口的寬度,高度,相對窗體的位置,是否全屏,是否有滑動等屬性設置','','');
    2、通過重寫<a herf=''來獲得窗口:

    復制代碼 代碼如下:
    <a href="" onclick="window.open('<%=Url.Action("EditDpment","Admin",new{id = item.Department_id}) %>','','width=530,height=200,location=no,menubar=no,status=no,scrollbars=no,resizable=no top=300,left=500')">部門修改</a><br />


    其中。由於MVC中,路徑的原因,這裡推薦使用<%=url.action>來設置其路徑,這裡可以通過url.action中創建new{id}來傳參數。
    3、可以通過jquery來定義,並在控件中調用
    彈出窗口後,可以通過重新定義表單的地址和target屬性來重新返回框架窗口中,例如:

    復制代碼 代碼如下:
    <%using (Html.BeginForm("EditGroup", "Admin", FormMethod.Post, new { target = "mainFrame" }))


    這裡是通過重寫了beginform來實現的,在解析後代碼和普通<form表單提交的形式是一樣的。
    如果想在提交表單後在關閉小窗口,可以通過<input 中的onclick事件來控制,使用javascript::self.close();或者window.close();來控制。

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved