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

asp.net|技巧

呵呵,仅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;
    }
}

时间: 2024-11-28 17:49:43

ASP.NET技巧:使Div内内容可编辑的相关文章

span-如何删除DIV内指定ID的SPAN标签及SPAN内的内容

问题描述 如何删除DIV内指定ID的SPAN标签及SPAN内的内容 <div id=""showfj""><span id=""AAA""><a href=""javascript:void(0)"">Chrysanthemum.jpg</a></span><span id=""BBB"&qu

扩展高质量搬家网站站内内容技巧你知道有多少

想必许多搬家站长也在愁搬家网站站内内容编辑更新问题,学历没有多高,脑子没有墨水如何打造高质量搬家站内内容,轻加工百度不收录,深加工,太花时间而且效率高,原创脑子没词.今天与大家分享一下扩展高质量搬家网站站内内容技巧,让搬家站长朋友们不愁肚子里没墨水了. 百度分词扩展高质量搬家网站内内容编辑技巧 牢记百度分词三要点.基于统计.基于理解.基于字符串匹配想必大家都非常了解百度分词原理,下面直接以案例进行解说. 利用百度分词--基于统计,寻找搬家网站站内更新材料 分别在百度输入"北京搬家.上海搬家.广州

通过JavaScript使Div居中并随网页大小改变而改变_javascript技巧

在使用Java做后台的时候,都会做到登录的页面,但是自己的页面太难看了,要居中没居中,要颜色没颜色,但是无论是怎么样都得使登录的框居中吧!以前的想法是通过CSS+Div使div居中,但是现在的想法变了,通过JavaScript可以简单的使Div在页面上居中,随着网页大小的改变做出相应的改变.而且只要明白了居中的原理轻而易举的就可以实现了. 先看一下居中的原理吧! 先看一张图.  从图中看到了什么?可以看到红色的框居中了,为什么会居中呢?通过观察可以发现红框的上下的蓝色的间距线是一样长的,这样可以

网页制作总结:用CSS使DIV层水平居中

css|网页 一,用CSS使DIV层水平居中 对需要水平居中的DIV层添加以下属性: margin-left: auto;margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

ASP 分页技巧

分页|技巧 效果首页 上十 上一 1 2 3 4 5 6 7 8 9 10  下一 下十 尾页 转到___页数:1/25页  篇数:125 主文件 nclass.asp包含文件 top.asp || bottom.asp || abbrword.asp || conn.asp 内容 ---/----------------------------------------------------------- nclass.asp <%@LANGUAGE="VBSCRIPT" CO

[MSDN]通过避免下列 10 个常见 ASP.NET 缺陷使网站平稳运行

原文:http://www.microsoft.com/china/msdn/library/webservices/asp.net/WebAppFollies.mspx?mfr=true ASP.NET 成功的其中一个原因在于它降低了 Web 开发人员的门槛.即便您不是计算机科学博士也可以编写 ASP.NET 代码.我在工作中遇到的许多 ASP.NET 开发人员都是自学成材的,他们在编写 C# 或 Visual Basic 之前都在编写 Microsoft Excel 电子表格.现在,他们在编

CSS如何使DIV层水平居中

一,用CSS使DIV层水平居中 对需要水平居中的DIV层添加以下属性:  代码如下 复制代码 margin-left: auto; margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果:  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/

ASP.NET技巧:一些常用的数据操作类

asp.net|技巧|数据 偶也不知道算不算,反正我自己随时写的用,很粗浅的,适合跟我一样的新手收藏,指不定就用得上呢! 一组是我这两天写留言本的,另组是以前VS2003写投票用的 高手看见的话,麻烦把好的解决方案说下,谢谢哦!!新手的话,共同学习了!! --------下面是我最近写个留言本用的------------    public static OleDbConnection con()    {//数据库连接类        OleDbConnection con = new Ole

ASP.NET技巧:开发时复制aspx网页的方法

asp.net|技巧|网页 简单的copy /paste    *.aspx网页,所使用的是同一个CodeBehind  ,这往往不是我们所想要的!!! 我们一般都希望使这两个网页具有各自的  *.cs文件. 步骤: ①新建一个WebForm. ②把源和目标网页都切换到HTML设计页面,进行HTML代码整个替换copy  关键:[第一行黄色背景的代码不要拷贝和替换] ③把源和目标网页的*.cs代码全部替换, 关键:[要把拷贝后的类名改为你新建的WebForm的名称]