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

时间：2021-05-02

注意：这里探讨的方法仅适合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> </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; }}

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章