使用网页对话框来显示图片 window.open()
2008-06-07 00:51
405 查看
这个主要用到了JS中的 window.open(url,windowname,location)
url 目标窗口的url 如果url 是一个空字符串,浏览器将打开一个空白窗口
windowname window对象名称
location 窗口属性设置可选参数
Default.aspx 页如下
放置一个linkbutton,并写下事件处理
protected void LinkButton1_Click(object sender, EventArgs e)
{
Response.Redirect("<script>window.open('image.aspx','','width600,height=500')</script>");
}
新建一个image.aspx页来显示弹出的那个页面
放置DataList
前台主要
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<table style="width:80px;height:100px" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:ImageButton ID="btn_image" runat="server" Height="100px" Width="80px" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Image") %>' />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
后台代码:
public partial class image : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind(this.DataList1);
}
}
public void bind(DataList dl)
{
PagedDataSource ps = new PagedDataSource();
string sql = "select * from tb_image";
SqlConnection con = new SqlConnection("");
SqlDataAdapter sda = new SqlDataAdapter(sql, con);
DataSet ds = new DataSet();
sda.Fill(ds,"tb_image");
//指定PagedDataSource 的数据源
ps.DataSource = ds.Tables["tb_image"].DefaultView;
ps.AllowPaging = true;
ps.PageSize = 5;
//指定DataList的数据源
dl.DataSource = ps;
dl.DataKeyField = "id";
dl.DataBind();
}
}
url 目标窗口的url 如果url 是一个空字符串,浏览器将打开一个空白窗口
windowname window对象名称
location 窗口属性设置可选参数
Default.aspx 页如下
放置一个linkbutton,并写下事件处理
protected void LinkButton1_Click(object sender, EventArgs e)
{
Response.Redirect("<script>window.open('image.aspx','','width600,height=500')</script>");
}
新建一个image.aspx页来显示弹出的那个页面
放置DataList
前台主要
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<table style="width:80px;height:100px" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:ImageButton ID="btn_image" runat="server" Height="100px" Width="80px" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Image") %>' />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
后台代码:
public partial class image : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind(this.DataList1);
}
}
public void bind(DataList dl)
{
PagedDataSource ps = new PagedDataSource();
string sql = "select * from tb_image";
SqlConnection con = new SqlConnection("");
SqlDataAdapter sda = new SqlDataAdapter(sql, con);
DataSet ds = new DataSet();
sda.Fill(ds,"tb_image");
//指定PagedDataSource 的数据源
ps.DataSource = ds.Tables["tb_image"].DefaultView;
ps.AllowPaging = true;
ps.PageSize = 5;
//指定DataList的数据源
dl.DataSource = ps;
dl.DataKeyField = "id";
dl.DataBind();
}
}
相关文章推荐
- 使用OkHttp+popupwindow显示底部状态栏实现上传图片功能
- 网页背景图片不显示的时候怎么使用背景色?
- window.location.reload()方法刷新页面弹出要再次显示该网页对话框
- HTML5 之 FileReader 的使用 (二) (网页上图片拖拽并且预显示可在这里学到) [转载]
- window.open()读取本地图片简单使用总结
- 使用TextView显示网页中的图片
- 跳过window无关联时弹出的[使用web服务查找合适的程序]对话框,直接显示打开方式对话框
- 使用CImage类在对话框的背景上显示图片
- 网页中多个图标在一张图片上,使用css将各图标显示
- MFC对话框显示图片(使用Picture控件)
- window下使用curl库保存网页源码并显示
- 在MFC对话框中显示图片的三种方法(有两种使用OpenCv)
- VC对话框中显示图片及滚动条的使用
- win8系统使用bing搜索网页不显示图片与视频缩略图的3种解决方法
- Android 5.0中使用webView 加载网页不显示图片问题
- 网页中多个图标在一张图片上,使用css将各图标显示
- 使用HttpURLConnection显示网页和下载图片
- Angular2 ng2-file-upload使用FileReader在网页中显示用户选择图片
- c#第一篇 在WPF的window窗体中使用httpwebrequest实现模拟登陆网页,并在webbroser控件中显示
- 关于使用了QtWebKit的PyQt程序打包后无法显示网页图片的问题(Mac0S和windows)