亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

Ajax實現DataGrid/DataList動態ToolTip

2019-11-18 16:37:18
字體:
來源:轉載
供稿:網友

1.建立一aspx頁面,html代碼2.cs代碼


using System.Data.SqlClient;
using System.IO;
PRotected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            BindData();
           
        }
        if (ID != "")
        {
            GetDescriptionByID(ID);
        }
       
    }

    property#region property
    private string ID
    {
        get
        {
            if (Request["ID"] != null && Request["ID"].ToString() != "")
            {
                return Request["ID"];
            }
            else
            {
                return "";
            }
        }
    }
    #endregion

    GetDescriptionByID#region GetDescriptionByID
    private void GetDescriptionByID(string ID)
    {
        string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
        SqlConnection conn = new SqlConnection(connStr);
        string sql = "select * from testimage where userid='" + ID + "'";
        SqlCommand cmd = new SqlCommand(sql, conn);
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();

        string s = @"<table cellspacing='0' cellpadding='4' width='300' height='200' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";
        if(dr.Read())
        {
            s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
            s += "<td width='50'>名稱:</td>";
            s += "<td>" + dr["UserName"] + "</td>";
            s += "</tr>";
            s += "<tr style='color:#333333;background-color:White;'>";
            s += "<td scope='col'>描述:</td>";
            s += "<td>" + dr["Description"] + "</td>";
            s += "</tr>";
        }
        s += "</table>";
        dr.Close();
        conn.Close();
        this.Response.Write(s);
        this.Response.End();
    }
    #endregion

    save image#region save image
    protected void Button2_Click(object sender, EventArgs e)
    {
        Stream ImageStream;
        string Path = FileUpload1.PostedFile.FileName;// 文件名稱
        int Size = FileUpload1.PostedFile.ContentLength; // 文件大小
        string Type = FileUpload1.PostedFile.ContentType; // 文件類型
        ImageStream = FileUpload1.PostedFile.InputStream;
        byte[] Content = new byte[Size];
        int Status = ImageStream.Read(Content, 0, Size);

        SqlConnection conn = new SqlConnection(ConfigurationSettings.AppSettings["ConnectionString"]);
        SqlCommand comm = new SqlCommand("insert into testimage (UserName,Image,Path,Type,Description) values(@UserName,@Image,@Path,@Type,@Description)", conn);

        comm.CommandType = CommandType.Text;
        comm.Parameters.Add("@UserName", SqlDbType.VarChar, 255).Value = txtUserName.Text;
        comm.Parameters.Add("@Image", SqlDbType.Image).Value = Content;
        comm.Parameters.Add("@Path", SqlDbType.VarChar, 255).Value = Path;
        comm.Parameters.Add("@Type", SqlDbType.VarChar, 255).Value = Type;
        comm.Parameters.Add("@Description", SqlDbType.VarChar, 2000).Value = this.TextBox1.Text;

        conn.Open();
        comm.ExecuteNonQuery();
        conn.Close();
    }
    #endregion

    BindData#region BindData
    private void BindData()
    {
        string sql = "select * from testimage";
        DataSet ds = GetDataSet(sql);
        this.DataList1.DataSource = ds;
        this.DataList1.DataBind();
    }
    #endregion

    GetDataSet#region GetDataSet
    private DataSet GetDataSet(string sql)
    {
        string constring = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
        SqlDataAdapter sda = new SqlDataAdapter(sql, constring);
        DataSet ds = new DataSet();
        sda.Fill(ds);
        return ds;
    }
    #endregion3.數據庫腳本
if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[TestImage]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)
drop table [dbo].[TestImage]
GO

CREATE TABLE [dbo].[TestImage] (
    [UserID] [int] IDENTITY (1, 1) NOT NULL ,
    [UserName] [nvarchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
    [Image] [image] NULL ,
    [Path] [nvarchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
    [Type] [nvarchar] (20) COLLATE SQL_Latin1_General_CP1_CI_AS NULL ,
    [Description] [nvarchar] (2000) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO

<html>
 <head>
  <title>WebForm1</title>
  <style type="text/CSS">.logo {}{ POSITION: absolute }.dek {}{ Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute }</style>
 </head>
 <body>
 <Form runat="server">
  <DIV class="dek" id="dek"></DIV>
    <script language="javascript"> 
        Xoffset=-20;
        Yoffset=  20;      
        var  nav,yyy=-1000;
        var  skn=dek.style;
        document.onmousemove=get_mouse;
       
        //Ajax
        var xmlHttp;       
        function createxmlhttpRequest()
        {
            if (window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }
        }
           
        function startRequest(id)
        {
            createXMLHttpRequest();
            xmlHttp.onreadystatechange = handleStateChange;
            xmlHttp.open("GET", "?ID="+id, true);
            xmlHttp.send(null);
        }
        var content;   
        function handleStateChange()
        {
            if(xmlHttp.readyState == 4)
            {
                if(xmlHttp.status == 200)
                {
                    content=xmlHttp.responseText;
                }
            }
        }
        //tooltip
        function  popup(id)
        {
            startRequest(id);
            yyy=Yoffset;
            document.all("dek").innerHTML=content;
            skn.visibility="visible"
        }

        function  get_mouse(e)
        {
            var  x=event.x+document.body.scrollLeft;
            skn.left=x+Xoffset;
            var  y=event.y+document.body.scrollTop;
            skn.top=y+yyy;
        }

        function  kill()
        {
            yyy=-1000;
            skn.visibility="hidden";
        }
</script> 
  <div>
    <asp:FileUpload ID="FileUpload1" runat="server" /><br>名稱:<asp:TextBox ID="txtUserName"
            runat="server"></asp:TextBox><br>
      描述:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br>
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="保存" />
    <asp:DataList id="DataList1"
           BorderColor="black"
           CellPadding="1"
           CellSpacing="4" HorizontalAlign="Center"
           RepeatColumns="4"
           RepeatLayout="Table"
           runat="server" ShowFooter="true" ShowHeader="true"
           width="100%">
         <ItemTemplate>
            <%# DataBinder.Eval(Container.DataItem, "UserName")%><br>
            <img ID="img1" onmouSEOver="popup(<%# DataBinder.Eval(Container.DataItem, "UserID")%>);" onmouseout="kill();" src='<%# DataBinder.Eval(Container.DataItem, "Path") %>' height='150'/>
         </ItemTemplate>
      </asp:DataList>   
    </div>
    </Form>
 </body>
</html>


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91国语精品自产拍在线观看性色| 精品久久久久久久久久| 国产精品h片在线播放| 青青青国产精品一区二区| 欧美极品美女视频网站在线观看免费| 亚洲福利视频网| 亚洲欧美一区二区三区在线| www日韩欧美| 亚洲一区二区少妇| 亚洲国产成人精品电影| 日韩欧美a级成人黄色| 国产欧美日韩丝袜精品一区| 日韩一区在线视频| 91网站在线看| 亚洲永久免费观看| 这里只有精品在线观看| 国产精品免费看久久久香蕉| 亚洲第一页在线| 中日韩美女免费视频网站在线观看| 日韩av电影手机在线观看| 92版电视剧仙鹤神针在线观看| 日韩美女视频免费在线观看| 国产精品久久久久久久av大片| 欧美丝袜美女中出在线| 日韩欧美国产高清91| 精品久久在线播放| 日韩综合视频在线观看| 伊人青青综合网站| 欧美成人午夜激情| 狠狠色狠狠色综合日日五| 亚洲999一在线观看www| 日韩电影免费观看中文字幕| 正在播放欧美一区| 欧美色欧美亚洲高清在线视频| 日韩有码在线视频| 欧美黑人一区二区三区| 777777777亚洲妇女| 97视频色精品| 日韩精品免费综合视频在线播放| 欧美午夜精品伦理| 国产精品夜间视频香蕉| 亚洲欧美一区二区三区四区| 精品五月天久久| 日韩高清不卡av| 91免费看视频.| 91欧美激情另类亚洲| 精品小视频在线| 国产亚洲欧洲高清一区| 欧美激情视频在线| 国产国语刺激对白av不卡| 九九综合九九综合| 日韩专区在线观看| 一区二区三区天堂av| 国产精品福利在线观看| 欧美成人激情视频免费观看| 国产午夜精品麻豆| 亚洲美女在线观看| 亚洲精品少妇网址| 欧美性资源免费| 夜夜躁日日躁狠狠久久88av| 欧美丝袜一区二区三区| 精品电影在线观看| 日韩av电影手机在线观看| 91久久久久久久久| 亚洲永久免费观看| 国产日韩中文字幕| 久久久国产一区| 精品国产乱码久久久久久虫虫漫画| 日韩中文在线中文网在线观看| 亚洲午夜未删减在线观看| 久久国产精品久久久久久久久久| 成人久久一区二区| 欧美一区二区三区免费视| 91免费精品国偷自产在线| 在线视频中文亚洲| 欧美日本国产在线| 日韩在线中文字| 国产欧美精品在线播放| 亚洲国产成人精品女人久久久| 精品在线欧美视频| 午夜精品久久久久久99热软件| 国产精品va在线| 国产91精品青草社区| 亚洲一区二区三区xxx视频| 久久99精品久久久久久青青91| 国产精品成人播放| 久久手机免费视频| 欧美一区二区三区免费观看| 亚洲福利在线看| 国产精品视频自在线| 欧美精品激情在线观看| 国产成人精品av在线| 国产va免费精品高清在线观看| 精品国产鲁一鲁一区二区张丽| 亚洲国产天堂网精品网站| 欧洲永久精品大片ww免费漫画| 亚洲美女视频网站| 亚洲天堂av在线免费观看| 最新国产成人av网站网址麻豆| 国产精品美女在线| 国产综合视频在线观看| 久久99久国产精品黄毛片入口| 欧美影院成年免费版| 日韩免费视频在线观看| 欧美一区二区三区图| 久久久噜噜噜久久| 日韩中文第一页| 最新91在线视频| 亚洲人成网7777777国产| 国产亚洲精品久久| 国语自产精品视频在线看抢先版图片| 国产偷国产偷亚洲清高网站| 欧美午夜视频一区二区| 亚洲国产日韩一区| www亚洲欧美| 欧美国产精品日韩| 免费99精品国产自在在线| 亚洲精品久久久久久久久久久| 国产成人91久久精品| 欧美在线激情视频| 亚洲精品久久久久久久久久久久| 九九久久综合网站| 91av在线不卡| 国产精品一区二区三| 亚洲成色777777在线观看影院| 一本色道久久88亚洲综合88| 日韩欧美在线视频免费观看| 亚洲系列中文字幕| 久久精品视频在线播放| 一夜七次郎国产精品亚洲| 欧美日韩成人免费| 亚洲成人激情视频| 综合国产在线观看| 日韩视频一区在线| 精品偷拍一区二区三区在线看| 久久视频在线播放| www.欧美免费| 欧美激情综合亚洲一二区| 亚洲视频综合网| 黑人巨大精品欧美一区免费视频| 在线观看日韩欧美| 伊人一区二区三区久久精品| 69久久夜色精品国产69乱青草| 欧美老少配视频| 欧美日本亚洲视频| 亚洲美女在线视频| 伊人伊成久久人综合网站| 欧美xxxx14xxxxx性爽| 国产有码在线一区二区视频| www.日韩系列| 日韩成人在线电影网| 久久精品视频99| www.亚洲天堂| 成人性生交xxxxx网站| 亚洲第一区中文99精品| 美女视频黄免费的亚洲男人天堂| 26uuu亚洲国产精品| 97涩涩爰在线观看亚洲| 另类图片亚洲另类| 午夜精品久久久久久久久久久久| 自拍视频国产精品| 亚洲人成电影网站色| 国产+人+亚洲| 精品中文字幕在线观看|