使Div内内容可编辑

呵呵,仅IE有效:)
前台代码:
<% @ Page Language = " C# "  AutoEventWireup = " true "   CodeFile = " Default.aspx.cs "  Inherits = " _Default "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
    
< title > 无标题页 </ title >
</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div  style ="width:600px;height:400px;"  id ="div1" >
        
< asp:GridView  ID ="GridView1"  runat ="server"  Height ="300px"  Width ="200px" >
        
</ asp:GridView >
        
&nbsp; </ div >
    
< script  language ="javascript"  type ="text/javascript" >
       document.getElementById(
" div1 " ).contentEditable  =   true ;
       document.execCommand('2D
- Position',  true true ); 
    
</ script >
    
</ form >
</ body >
</ html >
后台代码:
using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public  partial  class  _Default : System.Web.UI.Page 
{
    
protected   void  Page_Load( object  sender, EventArgs e)
    {
        
if  ( ! IsPostBack)
        {
            GridView1.Style.Add(
" position " " absolute " );
            GridView1.DataSource 
=  GetDataSet();
            GridView1.DataMember 
=   " testtable " ;
            GridView1.DataBind();
        }
    }

    
private  DataSet GetDataSet()
    {
        DataTable dt 
=   new  DataTable( " testtable " );
        dt.Columns.Add(
" Col1 " typeof ( int ));
        dt.Columns.Add(
" Col2 " typeof ( string ));
        dt.Columns.Add(
" Col3 " typeof ( string ));
        dt.Columns.Add(
" Col4 " typeof ( string ));

        DataRow dr;

        
for  ( int  i  =   0 ; i  <   10 ; i ++ )
        {
            dr 
=  dt.NewRow();
            dr[
0 =  i;
            dr[
1 =   " Val "   +  i.ToString();
            dr[
2 =   " Val "   +  i.ToString();
            dr[
3 =   " Val "   +  i.ToString();
            dt.Rows.Add(dr);
        }

        DataSet ds 
=   new  DataSet();
        ds.Tables.Add(dt);
        
return  ds;
    }
}
 

你可能感兴趣的:(JavaScript,server,String,asp,div,dataset)