使用网页对话框来显示图片 window.open()

这个主要用到了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();
    }
}

posted @   坤哥  阅读(741)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp
点击右上角即可分享
微信分享提示