使Div内内容可编辑

2016-02-19 16:07 5 1 收藏

今天图老师小编给大家精心推荐个使Div内内容可编辑教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

          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;
      }
  }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  http://luoboqingcai.cnblogs.com/archive/2006/07/01/440514.html

来源:http://www.tulaoshi.com/n/20160219/1611111.html

延伸阅读
微信收藏的内容如何编辑?   1)打开微信软件,进入微信后点击右下角的我,然后找到并点击我的收藏,找到你要编辑的收藏内容,再点击右上角的   2)点击编辑内容,输入你要编辑的内容最后点击完成,那么你的微信收藏内容就已经成功编辑。  
标签: word
word锁定内容不能编辑解锁教程   图老师健康网图老师健康网温馨提示:图老师小编使用的是word2013,其他版本教程类似,这里不分类说明。 word2013限制编辑教程第一步: 打开一个需要锁定内容的word,按照下图操作 第二步:勾选下方红框选项,接着填写保护密码即可 word2013word锁定内容不能编辑限制编辑...
火柴如何编辑已发布的内容   火柴如何编辑已发布的内容?小伙伴们在火柴里面发段子有时候发布了想起要补充的?没关系,现在可以再次编辑内容啦,那么怎么编辑已发布的内容呢?现在小编就教小伙伴们火柴如何编辑已发布的内容。 1)打开火柴,点击右下角的然后点击下方的; 2)点击打开你要编辑的段子然后点击右上角的; ...
        前 言         适合于freehand8及更高版本。 我们通常会利用 Paste inside 的方法将对象粘贴到另一个对象内部从而形成蒙板的效果,但是利用滤镜填充我们可以更方便的实现这样的效果而且更便于编辑修改。最终效果图如下: 步骤一:    www...
标签: Web开发
如何通过JAVASCRIPT实现当点击相应的单元格,该单元格内文本变成可编辑的INPUT或SELECT,离开单元格后又单元格内文本为修改后文本。 我通过以下方法来实现点击单元格变成INPUT,可不知该在点其它单元格后恢复文本状态和如何返回INPUT后修改的值。是否有更好的方法来实现该效果。 123 456 abc efg 2、 123 456 abc efg

经验教程

921

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部