1.在web开发中jbox当做层来使用,效果图如下:红框里面的为jbox实现的小窗体
2.使用方法:首先创建一个html页或者web窗体,设计好小窗体控件啥的,如上图的web窗体也设计如下:
3.使用2中创建好的页面来作为窗体弹出,在这里我介绍两种方式
(1).在需要弹出子窗体的页面上使用html控件</asp:Label><input id="Button6" type="button" value="添加综合二级频道" onclick="addZongHePinDao(1);"/>,并且定义按钮的 onclick事件,
再此说明用html控件的好处是,不会返回刷新过程。然后再以添加了input控件的同一个页面的heah里面写addZongHePinDao事件的js代码区调用jbox窗体,也就是用jbox调用2的窗体。
<script src="../Scripts/jquery-1.7.1.js"></script>
<script src="../Scripts/jBox/jquery.jBox.js"></script>
<link href="../Scripts/jBox/Skins2/Blue/jbox.css" rel="stylesheet"
/>
<script
type="text/javascript">
function addZongHePinDao(PDname) {//jbox窗体
PDname是给窗体页面传去的参数,以便知道是那个按钮传过去的
var url = "iframe:/Main/addErJiPinDao.aspx?lb="
+ PDname;
$.jBox(url, {
title: "添加频道",
width:
500,
height:
200,
buttons: {
‘关闭‘: true }
});
}
</script>
最后在2页面的后台上接收参数,并完成子窗体的操作
(2)在页面上创建sap的button控件,使用后台调用前台页面js函数的方式,也可以实现相同的过程,但是在此过程中会有刷新的过程。
web窗体如下:
父窗体前台的js函数如下:
function gengxin(Bianhao) {
//alert(Bianhao);
var url = "iframe:/Main/updatePinDao.aspx?ID="+Bianhao;
$.jBox(url, {
title: "修改频道",
width: 500,
height: 200,
buttons: { ‘关闭‘: true }
});
}
在父窗体后台写,后台调用页面的js函数,也就是js函数里面写好的jbox窗体过程
string hs = "gengxin(" +
index.ToString() + ");";
// Response.Write(newsName);
ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "Alert",
hs, true);//调用js页面函数,调出jbox窗体
然后再Button2的OnClick后台事件中写子窗体的操作