C#jbox小节-白红宇

C#jbox小节

阅读量：4947 次

发布时间：2019-06-11

本文共 1404 字，大约阅读时间需要 4 分钟。

1.在web开发中jbox当做层来使用，效果图如下：红框里面的为jbox实现的小窗体

2.使用方法：首先创建一个html页或者web窗体，设计好小窗体控件啥的，如上图的web窗体也设计如下：

3.使用2中创建好的页面来作为窗体弹出，在这里我介绍两种方式

（1）.在需要弹出子窗体的页面上使用html控件</asp:Label><input id="Button6" type="button" value="添加综合二级频道" οnclick="addZongHePinDao(1);"/>，并且定义按钮的 onclick事件，

再此说明用html控件的好处是，不会返回刷新过程。然后再以添加了input控件的同一个页面的heah里面写addZongHePinDao事件的js代码区调用jbox窗体，也就是用jbox调用2的窗体。

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后台事件中写子窗体的操作

转载于:https://www.cnblogs.com/quhongyue/p/3514017.html

你可能感兴趣的文章