mvc下,3種視窗彈出設定的方法

來源:互聯網
上載者:User
想做頁面美化,特別是在一個頁面中,只佔了很小一塊的頁面,想做成快顯視窗樣式,稍微總結了下: 

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();來控制。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.