ASP.NET技巧：使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>
         </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;
    }
}

转载于:https://www.cnblogs.com/ice5/articles/1208557.html

ASP.NET技巧：使Div内内容可编辑相关推荐

使用CSS使div块内容垂直居中的方法
一·line-height 如果内容只有文本,则可以使用line-height属性,值与父级的高度一样就可以实现垂直居中效果二·div块使用margin 可以在该块使用margin或者margin- ...
使div内的元素不换行
给div设置css样式white-space: nowrap;即可.
如何在更大的div内使图像中心（垂直和水平）居中[重复]
这个问题已经在这里有了答案 : div块内的CSS中心文本(水平和垂直) (23个答案) Flexbox:水平和垂直居中 (10个答案) 如何在div内垂直对齐图像 (35个答案) 如何在div中垂直 ...
溢出处理html,小技巧处理div内容溢出_CSS/HTML
小技巧处理div内容溢出_CSS/HTML 前几天遇到一个问题,代码是这样一个层次: 代码如下: 1 2 3 我设置了p的边框, 要想ul的内容在边框内, 必须设置p高度. 但是,ul内的内容是变化的 ...
php解析api xml并输出到html页面,怎样操作JS读取xml内容并输出到div内
这次给大家带来怎样操作JS读取xml内容并输出到div内,操作JS读取xml内容并输出到div内的注意事项有哪些,下面就是实战案例,一起来看一下. note.xml文件结构: George John ...
div内的内容分散对齐
综合网友的,整合的div内的内容分散对齐 <div style="text-align: justify; width:100px;display: inline-block;heig ...
如何使div填充剩余的水平空间？
我有2个div:在页面的左侧是一个,在右侧是一个. 左侧的一个宽度固定,我希望右侧的一个填充剩余空间. #search { width: 160px; height: 25px; float: lef ...
通过避免下列 10 个常见 ASP.NET 缺陷使网站平稳运行(转)
本文将讨论: • 缓存和 Forms 身份验证 • 视图状态和会话状态 • 配置文件属性序列化 • 线程池饱和 • 模拟和设置配置文件本文使用了下列技术: .NET Framework.ASP.NE ...
用CSS使DIV水平居中
一,用CSS使DIV层水平居中对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 这样在FF中已经居中了,可是在IE中看 ...

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

ASP.NET技巧：使Div内内容可编辑相关推荐

最新文章

热门文章