使Div内内容可编辑

2016-02-19 16:07 1 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();
          }
      }

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

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

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

          DataSet ds = new DataSet();
          ds.Tables.Add(dt);
          return ds;
      }
  }

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

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

延伸阅读
标签: word
word锁定内容不能编辑解锁教程   图老师健康网图老师健康网温馨提示:图老师小编使用的是word2013,其他版本教程类似,这里不分类说明。 word2013限制编辑教程第一步: 打开一个需要锁定内容的word,按照下图操作 第二步:勾选下方红框选项,接着填写保护密码即可 word2013word锁定内容不能编辑限制编辑...
火柴如何编辑已发布的内容   火柴如何编辑已发布的内容?小伙伴们在火柴里面发段子有时候发布了想起要补充的?没关系,现在可以再次编辑内容啦,那么怎么编辑已发布的内容呢?现在小编就教小伙伴们火柴如何编辑已发布的内容。 1)打开火柴,点击右下角的然后点击下方的; 2)点击打开你要编辑的段子然后点击右上角的; ...
标签: Web开发
原文地址 文章日期:2006/9/10 对YUI-EXT GIRD功能需求最强烈的是内置可编辑的支持。市场上大多数收费的JAVASCRIPT GIRD,我看过的那些可编辑支持,并没有给我留下太深的印象。它给你一个基本的TEXT FIELD,一些CHECKBOXS或者是Select fields,这导致了你一边单击某个字段在编辑,另一边厢插入一个FORM到这个单元格之中,不知不觉地,会出现越...
        前 言         适合于freehand8及更高版本。 我们通常会利用 Paste inside 的方法将对象粘贴到另一个对象内部从而形成蒙板的效果,但是利用滤镜填充我们可以更方便的实现这样的效果而且更便于编辑修改。最终效果图如下: 步骤一:    www...
标签: Web开发
如何通过JAVASCRIPT实现当点击相应的单元格,该单元格内文本变成可编辑的INPUT或SELECT,离开单元格后又单元格内文本为修改后文本。 我通过以下方法来实现点击单元格变成INPUT,可不知该在点其它单元格后恢复文本状态和如何返回INPUT后修改的值。是否有更好的方法来实现该效果。 123 456 abc efg 2、 123 456 abc efg

经验教程

166

收藏

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