研究Subsonic得到的副产品，一个简单的Modal DIV

最新推荐文章于 2025-09-07 23:26:06 发布

转载最新推荐文章于 2025-09-07 23:26:06 发布 · 55 阅读

文章标签：

#ruby #javascript #ViewUI

本文介绍如何在SubSonic框架中使用ModalWindows。通过简单几步即可在网页上实现弹窗功能，适用于小型Web应用的快速开发。

这几天一直在看 SubSonic 及其例程 SubSonic 2.0.1 Starter Site，觉得这个开源项目的实现方式真的很有创意，完全是一个ruby on rails 的net实现，很适合用于小型web应用的快速开发，有兴趣的朋友可以到其官方网站下载源码和示例；

OK，关于Subsonic的介绍到此为止，后面有体会了再说，下面仅仅介绍下其SubSonic 2.0.1 Starter Site上看到的一个用法很简单（当然实现也不难）的Modal Windows。我觉得以后可能会用上就将其抠出来了做了个简单的demo，放在这里分享，或许大家也能用上。

使用步骤如下：

将文件夹modal、相关的图片文件、页面loading.htm（放在根目录）引入工程；
在需要使用modal windows的页面的html代码的head区加入<link id="Link1" rel="stylesheet" type="text/css" href='~/js/modal/subModal.css' runat="server" />；
在上面页面的</body>前加入 ；
在该页面上需要弹出modal windows的客户端事件中调用"javascript:onclick=showPopWin('ModulePage.aspx', 200, 100, null);"；
最后在该页面的Page_Load中写两句代码

if (!IsPostBack)
            {
                Head1.Controls.Add(new LiteralControl("<script type='text/javascript' src='" + Page.ResolveUrl("~/js/modal/common.js") + "'></script>"));
                Head1.Controls.Add(new LiteralControl("<script type='text/javascript' src='" + Page.ResolveUrl("~/js/modal/subModal.js") + "'></script>"));
            }

一切ok，效果如下：