首页 > 编程 > .NET > 正文

ASP.NET2.0中用Gridview控件操作数据

2024-07-10 13:05:59
字体:
来源:转载
供稿:网友
  • 本文来源于网页设计爱好者web开发社区http://www.html.org.cn收集整理,欢迎访问。
  •  在asp.net 2.0中,加入了许多新的功能和控件,相比asp.net 1.0/1.1,在各方面都有了很大的提高。其中,在数据控件方面,增加了不少控件,其中的gridview控件功能十分强大。在本文中,将探讨gridview控件中的一些功能特性和用法,如果各位读者对gridview控件不大了解,可以通过《使用asp.net 2.0中的gridview控件》一文,来对gridview控件有个初步的认识。

      1、使用gridview插入新记录

      在gridview控件中,可以实现插入新记录的操作(见《使用asp.net 2.0中的gridview控件》)一文,但如果想实现在gridview中,实现在gridview控件的最后一行,提供一个空白行给用户输入要输入的记录,那无疑是很方便的。下面将介绍其实现方法。

      首先,我们打算在让用户进行选择,当用户需要新增一记录时,便点击新增按钮,之后在gridview的最后一行里,显示一个空白行,让用户按字段进行输入,如下图所示:
      
     
       
     当用户决定不输入新空白记录时,可以按"cancel"按钮返回,该空白行消失。要实现这样的效果,我们可以充分利用gridview的footer的模版功能进行自定义,因为有3列,所以,在每一列的footer模版中,定义如下:

    <asp:gridview id="gridview1" runat="server" datasourceid="sqldatasource1" datakeynames="customerid" autogeneratecolumns="false" showfooter="true">
    <columns>
     <asp:templatefield>
      <itemtemplate>
       <asp:label id="customeridlabel" runat="server"><%# eval("customerid") %></asp:label>
      </itemtemplate>
      <footertemplate>
       <asp:textbox id="customeridtextbox" runat="server"></asp:textbox>
      </footertemplate>
     </asp:templatefield>

     <asp:templatefield>
      <itemtemplate>
       <asp:label id="companynamelabel" runat="server"><%# eval("companyname") %></asp:label>
      </itemtemplate>
      <footertemplate>
       <asp:textbox id="companynametextbox" runat="server"></asp:textbox>
      </footertemplate>
     </asp:templatefield>

     <asp:templatefield>
      <footertemplate>
       <asp:dropdownlist id="contacttitledropdownlist" runat="server" datasourceid="sqldatasource2" datatextfield="contacttitle" datavaluefield="contacttitle">
       </asp:dropdownlist>
       <asp:sqldatasource id="sqldatasource2" runat="server" selectcommand="select distinct [contacttitle] from [customers]"
    connectionstring="server=localhost;uid=sa;password=xxx;database=northwind">
       </asp:sqldatasource>

       <asp:button id="button1" runat="server" text="add" onclick="button1_click" />
       <asp:button id="cancelbutton1" runat="server" text="cancel" onclick="cancelbutton1_click" />
      </footertemplate>

     <itemtemplate>
      <asp:dropdownlist id="contacttitledropdown" selectedvalue=’<%# bind("contacttitle") %>’ runat="server" datasourceid="sqldatasource3" datatextfield="contacttitle" datavaluefield="contacttitle" ></asp:dropdownlist>
      <asp:sqldatasource id="sqldatasource3" runat="server" selectcommand="select distinct [contacttitle] from [customers]"
    connectionstring="server=localhost;uid=sa;password=xxxx;database=northwind" enablecaching="true">
      </asp:sqldatasource>
     </itemtemplate>
     </asp:templatefield>
    </columns>
    </asp:gridview>

      以上为gridview的代码,可以看到,在第一,二列的<foottemplate>列中,分别提供了customerid和companyname两个文本框以供用户输入,在第三列的<footertemplate>列中,以dropdownlistbox的形式来显示contracttitle.。其中,请注意第三列的footertemplate中的add和cancel两个按钮的,它们的事件代码如下

    <script runat="server">
    void cancelbutton1_click(object sender, eventargs e)
    {
     gridview1.showfooter = false;
    }
    void addbutton1_click(object sender, eventargs e)
    {
     gridview1.showfooter = true;
    }

     //点add按钮时,将新增的记录更新到数据库中去
    void button1_click(object sender, eventargs e)
    {
     textbox customerid = gridview1.footerrow.findcontrol("customeridtextbox") as textbox;
     textbox companyname = gridview1.footerrow.findcontrol("companynametextbox") as textbox;
     dropdownlist contacttitle = gridview1.footerrow.findcontrol("contacttitledropdownlist") as dropdownlist;
     sqldatasource1.insertparameters["customerid"].defaultvalue = customerid.text;
     sqldatasource1.insertparameters["companyname"].defaultvalue = companyname.text;  
     sqldatasource1.insertparameters["contacttitle"].defaultvalue=contacttitle.selectedvalue;
     sqldatasource1.insert();
    }
    </script>

      其中的cancel按钮的事件,用来取消显示gridview的footer模版,因此设置showfooter属性为false,而addbutton1按钮,是当用户决定新增记录时点选的,此时将设置showfooter属性为true,以显示各列的foottemplate,从而达到显示新的一个空白行的目的。

      而在更新代码button1_click事件中,将首先使用gridview1.footerrow.findcontrol的方法,将用户新增的各字段的值提取出来,然后分别赋值给sqldatasource的insertparameters集合(注意要一一对应),最后使用sqldatasource的insert方法,就可以成功向数据库增加一条新记录了。

      另外,为了在窗体加载时,显示数据库northwind中customers表的数据,需要设置sqldatsource1的属性,如下代码:

     <asp:sqldatasource id="sqldatasource1" runat="server"
    insertcommand="insert into [customers] ([customerid], [companyname], [contacttitle]) values (@customerid, @companyname, @contacttitle)"
    selectcommand="select top 5 [customerid], [companyname], [contacttitle] from [customers]"
    connectionstring="server=localhost;uid=sa;password=xxxxx;database=northwind">
    <insertparameters>
    <asp:parameter type="string" name="customerid"></asp:parameter>
    <asp:parameter type="string" name="companyname"></asp:parameter>
    <asp:parameter type="string" name="contacttitle"></asp:parameter>
    </insertparameters>
    </asp:sqldatasource>


      其中,必须设置insertcommand和selectcommand属性,设置数据提取和插入的语句,并且要设置好insertparameters集合中,各字段的类型和名称即可。
     2、一次性更新所有的gridview记录

      我们经常会遇到这样的情况,在gridview中列出的所有记录中,有时要同时修改多条记录,并且将其保存到数据库中去。那么在gridview中应该如何实现呢?在gridview中,有两种实现的方法,下面分别进行介绍:

      先来看下第一种方法,本方法是使用sqldatasource来更新所有记录,但这个方法比较慢,因为每更新一条记录都要建立数据连接并执行updatecommand,会影响性能。其主要代码如下:

    <script runat="server">
    void button1_click(object sender, eventargs e)
    {
     for (int i = 0; i < gridview1.rows.count; i++)
     {
      gridviewrow row = gridview1.rows[i];
      sqldatasource1.updateparameters[0].defaultvalue = ((textbox)row.cells[0].findcontrol("textbox2")).text;
      sqldatasource1.updateparameters[1].defaultvalue = ((textbox)row.cells[1].findcontrol("textbox3")).text;
      sqldatasource1.updateparameters[2].defaultvalue = gridview1.datakeys[i].value.tostring();
      sqldatasource1.update();
     }
    }
    </script>
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="head1" runat="server">
    <title>untitled page</title>
    </head>
    <body>
     <form id="form1" runat="server">
     <div>
     <asp:gridview id="gridview1" runat="server" datasourceid="sqldatasource1" datakeynames="customerid" autogeneratecolumns="false">
     <columns>
     <asp:templatefield sortexpression="customerid" headertext="customerid">
     <itemtemplate>
      <asp:textbox runat="server" text=’<%# bind("customerid") %>’ id="textbox1"></asp:textbox>
     </itemtemplate>

     </asp:templatefield>
      <asp:templatefield sortexpression="companyname" headertext="companyname">
      <itemtemplate>
       <asp:textbox runat="server" text=’<%# bind("companyname") %>’ id="textbox2"></asp:textbox>
      </itemtemplate>
     </asp:templatefield>

     <asp:templatefield sortexpression="contactname" headertext="contacttitle">
      <itemtemplate>
       <asp:textbox runat="server" text=’<%# bind("contacttitle") %>’ id="textbox3"></asp:textbox>
      </itemtemplate>
     </asp:templatefield>
     </columns>

     </asp:gridview>
    <asp:sqldatasource id="sqldatasource1" runat="server"
    selectcommand="select [customerid], [companyname], [contactname], [contacttitle] from [customers]"
    updatecommand="update [customers] set [companyname] = @companyname, [contacttitle] = @contacttitle where [customerid] = @customerid"
    connectionstring="server=localhost;uid=sa;password=xxxx;database=northwind">
    <updateparameters>
    <asp:parameter type="string" name="companyname"></asp:parameter>
    <asp:parameter type="string" name="contacttitle"></asp:parameter>
    <asp:parameter type="string" name="customerid"></asp:parameter>
    </updateparameters>
    </asp:sqldatasource>
    <asp:button id="button1" runat="server" text="button" onclick="button1_click" />
    </div>
    </form>
    </body>
    </html> 

      在上面的代码中,我们必须首先指定updateparameters参数集合,也就是指出要更新的是哪些字段,它们的类型是什么。之后并指出sqldatasource的updatecommand语句。而在更新按钮button1的click事件中,将以遍历的形式,使用for循环,对gridview中的每一行进行检查,将每个更新了的文本框的内容放到sqldatasouce的updateparameters参数中去,最后调用sqldatasource的update方法,完成更新。

      方法2使用的是首先遍历gridview中的每一行,并且使用sql语句,将要更新的内容连接起来,然后最后才使用command.executenonquery()进行更新,效率高了,主要代码如下:

    protected void page_load(object sender, eventargs e)
    {

    if (!page.ispostback)
    {
     sqlconnection con = new sqlconnection(configurationmanager.connectionstrings["appconnectionstring1"].connectionstring);
     sqlcommand command = new sqlcommand("select [customerid], [companyname], [contactname], [contacttitle] from [customers]", con);
     con.open();
     gridview1.datasource = command.executereader();
     gridview1.databind();
     con.close();
    }
    }
    protected void button1_click(object sender, eventargs e)
    {
     stringbuilder query = new stringbuilder();
     for (int i = 0; i < gridview1.rows.count; i++)
     {
      gridviewrow row = gridview1.rows[i];
      string value1 = ((textbox)row.cells[0].findcontrol("textbox2")).text.replace("’", "’’");
      string value2 = ((textbox)row.cells[1].findcontrol("textbox3")).text.replace("’", "’’");
      string value3 = gridview1.datakeys[i].value.tostring();
      query.append("update [customers] set [companyname] = ’").append(value1).append("’ , [contacttitle] = ’")
    .append(value2).append("’ where [customerid] = ’").append(value3).append("’;/n");
     }

     sqlconnection con = new sqlconnection(configurationmanager.connectionstrings["appconnectionstring1"].connectionstring);
     sqlcommand command = new sqlcommand(query.tostring(), con);
     con.open();
     command.executenonquery();
     con.close();
    }
    }

      其中要特别注意一点的是,在vs.net 2005 beta 2开始,如果你在web.config中使用了数据库连接字符串的配置,那么应该按如下的方法去写:

    <connectionstrings>
    <add name="northwindconnectionstring" connectionstring="data source=liao;initial catalog=northwind;user id=sa;password=xxxx" providername="system.data.sqlclient"/>
    </connectionstrings>

      然后在程序中如下进行读取:

    sqlconnection con = new sqlconnection(configurationmanager.connectionstrings["appconnectionstring1"].connectionstring);

     

    发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表