技术开发 频道

ASP.NET技巧:使Div内内容可编辑


【IT168技术文档】

<%@ 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>
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; } }
0
相关文章