实现datagrid的foot中增加一个新增数据行,以解决datagrid不能新增数据的问题

转载 2004年10月29日 09:38:00

以前我从来都没用过datagrid,因为觉得这个东东效率比较低,今天要做个比较简单的东西(字段很少),但需要添加修改删除,所以就想试一下datagrid,修改、删除都做完后就剩下添加了,在csdn上查了一下,有不少相关的帖子,但基本都是用模板列解决的,我觉得比较麻烦,突然想起来以前一个解决问题的方法,和datagrid结合用的话就能搞定新增数据的问题,试了一下,还是很简单的,所以发上来让不知道这种方法的朋友也轻松的做datagrid的增加数据。
这种方法就是利用了footertext这个属性,在footertext中可以这样写
footertext="<input type=text name=Class>"
运行的时候这就是一个输入框,类似的下面就是一个按钮
footertext="<input type=button value='增加'>"
输入和提交都有了,下面就是把数据提交到数据库中,我要利用一个隐藏的服务器控件
<asp:linkbutton id="AddNew" runat="server"></asp:linkbutton>
来帮忙(这个就是以前解决一个问题时用的方法),从工具箱里拽一个linkbutton出来,在它的属性中把Text属性设为空(也就是让运行的时候看不见),然后双击这个linkbutton(也就是增加它的事件关联),你可以在创建好的事件里面写你要往数据库中添加的数据
接受提交过来的数据要这样写Request.Form["Class"].ToString()
接下来是最主要的部分了,在页面中添加
<script language="javascript">
    function AddNew()
    {
      __doPostBack('AddNew','');
    }
    </script>
然后把datagrid中foot里含有按钮的那列的footertext属性改成下面这样
footertext="<input type=button value='增加' onclick='javascript:return AddNew();'>"
这样就可以实现datagrid带增加新数据的功能了
下面是我运行通过的代码:
.aspx

 <script language="javascript">
    function AddNew()
    {
      __doPostBack('AddNew','');
      //alert("dddddd");
    }
    </script>
<form id="Form1" method="post" runat="server">
  <asp:datagrid id="dgEnginePrice" runat="server" autogeneratecolumns="False" pagesize="100" width="100%" showfooter="True">
              <columns>
                <asp:boundcolumn datafield="ID" readonly="True" headertext="编号" footertext="新增"></asp:boundcolumn>
                <asp:boundcolumn datafield="Class" headertext="类别" footertext="<input type=text name=Class>"></asp:boundcolumn>
                <asp:boundcolumn datafield="Price1" headertext="价格1" footertext="<input type=text name=Price1>"></asp:boundcolumn>
                <asp:boundcolumn datafield="Price2" headertext="价格2" footertext="<input type=text name=Price2>"></asp:boundcolumn>
                <asp:editcommandcolumn buttontype="LinkButton" updatetext="更新" headertext="操作" canceltext="取消" edittext="编辑" footertext="<input type=button value='增加' onclick='javascript:return AddNew();'>"></asp:editcommandcolumn>
                <asp:buttoncolumn text="删除" headertext="删除" commandname="Delete"></asp:buttoncolumn>
              </columns>
            </asp:datagrid><asp:linkbutton id="AddNew" runat="server"></asp:linkbutton>
</form>

.cs

private void InitializeComponent()
    {   
      this.AddNew.Click += new System.EventHandler(this.AddNew_Click);
      this.Load += new System.EventHandler(this.Page_Load);
    }

    private void AddNew_Click(object sender, System.EventArgs e)
    {
      数据库字段 = Request.Form["Class"].ToString();
      数据库字段 = Request.Form["Price1"].ToString();
      数据库字段 = Request.Form["Price2"].ToString();
      ..........
    }

 

向datagrid中动态添加不重复的记录,easyuidatagrid添加

前一段时间,在界面中遇到从datagrid已有数据中选择数据到另一个datagrid,这时,是需要考虑到添加不重复的记录的。 如下图所示的效果:          在第一次添加的时候,其实...
  • w2222288
  • w2222288
  • 2015年09月29日 21:48
  • 1200

WPF中给datagrid控件中dataTable添加新行,并选中设为当前行(源码加注释)

WPF中给datagrid控件中dataTable添加新行,并选中设为当前行(源码加注释)
  • hj2011124071
  • hj2011124071
  • 2016年01月16日 13:55
  • 2973

关于wpf DataGrid 的增加删除行操作

最后 通过duanzi_peng 的建议 绑定了一个 数组   通过对数组的增加删 来实现 DataGrid的行数变化, 然后遍历出这个数组的 类,然后直接将这个类包含的值 插入数据库     下面是...
  • yjjone
  • yjjone
  • 2014年09月08日 10:51
  • 5846

在DataGrid快速添加新行(c#)

appe_admin.aspx   appe_admin        http://schemas.microsoft.com/intellisense/ie5">              Cel...
  • cxqhust1
  • cxqhust1
  • 2006年02月23日 09:20
  • 661

easyui新增一行统计数据

有时候我们需要在列表数据下新增一行用作统计,在easyui的api中有专门的函数用于新增行数 appendRow:追加一个新行,并添加到最后位置 getRows:返回当前页的所有行 首先...
  • wwg2413980145
  • wwg2413980145
  • 2016年09月06日 11:12
  • 1208

easyui-datagrid行编辑每增加一行,某列的单元格自动填充指定内容

datagrid行编辑每增加一行,某列的单元格自动填充指定内容的两种方法
  • studying0419
  • studying0419
  • 2016年11月04日 09:06
  • 1593

easyui datagrid增加一行或删除一行

String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServ...
  • MrFlameDragon
  • MrFlameDragon
  • 2016年11月24日 11:35
  • 12273

c#中DataGrid的数据新增编辑删除操作代码

private void DeleteDevData()  {   int deleteNum=0;   //删除选中的某一行或多行记录,调用DataGrid的IsSelected(i)函数,如果函数...
  • netboyfly
  • netboyfly
  • 2005年03月16日 17:07
  • 607

easyUI..关于datagrid实现追加一行做统计功能

table id="dg">table> script>         $(function () {             $('#dg').datagrid({          ...
  • u011271894
  • u011271894
  • 2015年11月24日 20:11
  • 5631

datagrid 基本添加行,删除行,插入行,自定义方法

一、需要引入的文件 二、代码详解 /* 允许编辑单元格 */ $('#contentTable').datagrid().datagrid('enableCellEditing'); /*...
  • weinichendian
  • weinichendian
  • 2016年09月20日 15:15
  • 3303
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现datagrid的foot中增加一个新增数据行,以解决datagrid不能新增数据的问题
举报原因:
原因补充:

(最多只允许输入30个字)