精华内容
下载资源
问答
  • GridView控件的使用

    2008-11-01 23:19:10
    ASP.NET GridView控件的使用
  • GridView 控件的使用

    2019-07-06 02:14:44
    GridView 控件 典型的数据绑定控件,这种控件要和数据源控件配合使用来显示相应的数据,其中今天的数据源控件是sqlDataSourse。 数据绑定控件和数据源控件的绑定步骤: 1、首先建立数据库的连接,把数据库中任意...

    GridView 控件 典型的数据绑定控件,这种控件要和数据源控件配合使用来显示相应的数据,其中今天的数据源控件是sqlDataSourse。

    数据绑定控件和数据源控件的绑定步骤:

    1、首先建立数据库的连接,把数据库中任意一张表拖拉到界面,这样做的目的是为了配置连接数据库的字符串。

    2、将希望展示数据对象的表(数据库中的)拖拉到界面中,这个时候在界面中,VS会自动建立两个控件分为是GridView 和 SqlDataSourse。

    3、配置数据源控件的数据来源,点击智能提示按钮,选择配置数据源:选择连接数据库的字符串(与配置文件对应),进入下一步选择表,然后选择要显示的字段,点击完成即可,在GridView 右上角的智能提示下,选择数据源,选择刚才的配置的数据源的默认名称即可。

    4、手动修改各个字段的headText 值,才属性是指用来显示字段的名称的,所以将此属性改为汉字。

    5、手动设置分页等功能,在点击智能提示后,、把分页、排序、选择三个选项都勾上即可,同时可以在属性pageSetting中,设置更为详细的属性,比如设置每页显示的行数等,还有显示的格式等。

    6、为表中某字段可以设置字段的显示个格式,在智能提示下的,编辑项中选择dataStringFormat即可,比如日期,货币格式等等。

    7、手动实现某个字段的关联,首先在GridView中将此列设置为模板列,然后编辑模板列,此时要添加另外一个数据绑定控件DrowDownList,此控件也要和数据源控件联合实现数据展示,下面为DrowDownList配置数据源,建立数据源控件的步骤和GridView是一样的;建立完,然后将此数据源控件绑定到DrowDownList上即可;然后编辑绑定,把此控件的selected中的某列的ID 和 GridView中的莫列的ID相对应即可。

    8、用代码实现数据的显示:Label lblTest = ((DropDownList)sender).Parent.FindControl("Label2") as Label;
            lblTest.Text = ((DropDownList)sender).SelectedItem.ToString();
      然后将DrowDownList 的 visible 属性设置为false实现控件的隐藏即可。

    转载于:https://www.cnblogs.com/liuzhiyi7288/archive/2009/02/17/1392674.html

    展开全文
  • 本文档详细介绍了Gridview控件的使用方法,并附有详细实例代码,可全面学习和运用Gridview控件。
  • 主要以实例的方式详细介绍了jQuery结合GridView控件的使用方法,感兴趣的小伙伴们可以参考一下
  • gridview控件的使用 AJAX ModalPopupExtender has a required property "TargetControlID" which may seem to be very confusing to new users. It means the server control that will be extended ...

    gridview控件的使用

    AJAX ModalPopupExtender has a required property "TargetControlID" which may seem to be very confusing to new users. It means the server control that will be extended by the ModalPopup, for instance, if when you click a button, a ModalPopup displays, then the button control is the one that is extended by the ModalPopup, so you will assign the button control's ID to "TargetControlID".

    AJAX ModalPopupExtender具有必需的属性“ TargetControlID”,这对于新用户而言似乎非常混乱。 这意味着将由ModalPopup扩展的服务器控件,例如,如果在单击按钮时显示ModalPopup,则该按钮控件就是由ModalPopup扩展的控件,因此您可以将按钮控件的ID分配给“ TargetControlID”。

    Another property of ModalPopupExtender is called "PopupControlID" which points to the actual control that will be displayed or popped up. Often times it points to an ASP:Panel control in which all contents are placed. For instance, if you would like to use a ModalPopup to display a customer's detailed information, then you can put the customer's details in a Panel control, then assign the Panel control's ID to the ModalPopuupExtender's PopupControlID. You cannot access PopupControlID property through the designer view and you have to switch to Source view in Visual Studio then manually assign value in ModalPopupExtender's markup.

    ModalPopupExtender的另一个属性称为“ PopupControlID”,它指向将要显示或弹出的实际控件。 通常,它指向其中放置所有内容的ASP:Panel控件。 例如,如果您想使用ModalPopup显示客户的详细信息,则可以将客户的详细信息放在Panel控件中,然后将Panel控件的ID分配给ModalPopuupExtender的PopupControlID。 您无法通过设计器视图访问PopupControlID属性,并且必须切换到Visual Studio中的“源”视图,然后在ModalPopupExtender的标记中手动分配值。

    Once you understand the above two properties, it is usually very simple to configure the ModalPopupExtender until it comes to using GridView, DataList, or other similar data controls. For instance, you have a GirdView that has an Edit (or View) button for each row and when the button is clicked, an AJAX ModalPopup is displayed with more information of the selected row. How would you configure the ModalPopup in this case?

    了解了以上两个属性后,配置ModalPopupExtender通常非常简单,直到使用GridView,DataList或其他类似的数据控件为止。 例如,您有一个GirdView,每行都有一个Edit(或View)按钮,单击该按钮时,将显示AJAX ModalPopup以及所选行的更多信息。 在这种情况下,您将如何配置ModalPopup?

    It sounds very simple until when you try to assign TargetControlID property. Why? Let me explain. The Edit or View button usually is either in a CommandField or a TemplateField and cannot be accessible directly in Source view, which means you cannot assign the Edit/View control ID to TargetControlID which is a required field. How about using GridView's RowCreate event handler to dynamically assign TargetControlID with the button control ID in each row? Unfortunately you cannot because you are only allowed to assign one control ID to TargetControlID. So then what can we do? Here is the trick:

    在您尝试分配TargetControlID属性之前,这听起来非常简单。 为什么? 让我解释。 “编辑”或“视图”按钮通常位于CommandField或TemplateField中,并且不能直接在“源”视图中访问,这意味着您无法将“编辑/视图”控件ID分配给TargetControlID,后者是必填字段。 如何使用GridView的RowCreate事件处理程序为每行中的按钮控件ID动态分配TargetControlID? 不幸的是,您不能这样做,因为只能将一个控件ID分配给TargetControlID。 那我们该怎么办呢? 这是窍门:

    1. Add a server control ( I prefer to use Label control) and hide it with css style (not by setting Visible=False):

    1.添加一个服务器控件(我更喜欢使用Label控件)并以CSS样式将其隐藏(而不是通过设置Visible = False):

    <asp:Label ID="lblPopupTargetID" runat="server" Style="display: none;"></asp:Label>
    
    <cc1:ModalPopupExtender ID="mpeEditEmployee" runat="server" 
        TargetControlID="lblPopupTargetID"
        PopupControlID="pnlEditCustomer">
    </cc1:ModalPopupExtender>
    

    How can we trigger the ModalPopup if we use the above trick? The answer is that we can use ModalPopupExtenderID.Show() function to display the ModalPopup in the code-behind and use ModalPopupExtenderID.Hide() to hide the ModalPopup. For instance, if the Edit button in your GridView is in a TemplateField with the CommandName="cmdEdit", then you can use GridView's RowCommand event handler to first populate the contents of the popup Panel, then call ModalPopupExtenderID.Show() to display the popup, with the above code snippet, it will be mpeEditEmployee.Show(). Depending on the design of the popup Panel, you will need to use the approriate event handler to close the popup. For instance, there are a Save button and a Cancel button in the popup Panel, then you can use both button's click event handler to clos the popup: mpeEditEmployee.Hide().

    如果使用上述技巧,如何触发ModalPopup? 答案是我们可以使用ModalPopupExtenderID.Show( )函数在代码后面显示ModalPopup并使用ModalPopupExtenderID.Hide( )以隐藏ModalPopup。 例如,如果GridView中的“编辑”按钮位于具有CommandName =“ cmdEdit”的TemplateField中,则可以使用GridView的RowCommand事件处理程序来首先填充弹出面板的内容,然后调用ModalPopupExtenderID.Show( )以显示带有上述代码段的弹出窗口,它将是mpeEditEmployee.Show()。 根据弹出面板的设计,您将需要使用适当的事件处理程序来关闭弹出窗口。 例如,弹出面板中有一个“保存”按钮和“取消”按钮,然后您可以使用这两个按钮的click事件处理程序来关闭弹出窗口:mpeEditEmployee.Hide()。

    Note 1: if you want to use UpdatePanel (which I prefer), you will need to remember that both ModalPopupExtender and the control that TargetControlID points to need to be in the same UpdatePanel..

    注意1:如果要使用UpdatePanel(我更喜欢),则需要记住,ModalPopupExtender和TargetControlID指向的控件都必须位于同一UpdatePanel中。

    Note 2. If you use TemplateField for the Edit button, another way to implement ModalPopupExtender is to add the ModalPopupExtender control in the same ItemTemplate field as the button control so that you can assign the button's ID to TargetControlID. This approach is introduced in ASP.NET's AJAX tutorial: http://www.asp.net/learn/ajax-control-toolkit/tutorial-28-vb.aspx. I do not prefer this approach, the reason is simple: this apprach renders more HTML code.

    注意2。如果对“编辑”按钮使用TemplateField,则实现ModalPopupExtender控件的另一种方法是在与按钮控件相同的ItemTemplate字段中添加ModalPopupExtender控件,以便可以将按钮的ID分配给TargetControlID。 ASP.NET的AJAX教程中介绍了这种方法: http : //www.asp.net/learn/ajax-control-toolkit/tutorial-28-vb.aspx 。 我不喜欢这种方法,原因很简单:此方法可呈现更多HTML代码。

        Private Sub gvCustomerList_RowCommand(ByVal sender As Object, _
                ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) _
                    Handles gvCustomerList.RowCommand
     
            If (e.CommandName = "cmdEdit") Then
                'Populate ModalPopup content
                'Then call Show() to display the popup
                Me.mpeEditEmployee.Show()
     
            End If
     
        End Sub
     
        Protected Sub btnSave_Click(ByVal sender As System.Object, _
                ByVal e As System.EventArgs) Handles btnSave.Click
            'Save changes
            'Then call Hide() to close the popup
            Me.mpeEditEmployee.Hide()
        End Sub
    
        Private Sub gvCustomerList_RowCommand(ByVal sender As Object, _
                ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) _
                    Handles gvCustomerList.RowCommand
     
            If (e.CommandName = "cmdEdit") Then
                'Populate ModalPopup content
                'Then call Show() to display the popup
                Me.mpeEditEmployee.Show()
     
            End If
     
        End Sub
     
        Protected Sub btnSave_Click(ByVal sender As System.Object, _
                ByVal e As System.EventArgs) Handles btnSave.Click
            'Save changes
            'Then call Hide() to close the popup
            Me.mpeEditEmployee.Hide()
        End Sub
    

    翻译自: https://www.experts-exchange.com/articles/531/Use-AJAX-ModalPopupExtender-in-GridView-or-other-data-controls.html

    gridview控件的使用

    展开全文
  • 在DataList那个案例的基础上,进行GridView控件的使用 浏览器中的效果图: 第一步: 新建一个窗体,拖入一个GridView控件,然后直接可以编写后端代码(右键查看代码) 代码如下: using System; using System....

    在DataList那个案例的基础上,进行GridView控件的使用

    浏览器中的效果图:
    在这里插入图片描述
    第一步:
    新建一个窗体,拖入一个GridView控件,然后直接可以编写后端代码(右键查看代码)

    代码如下:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using BLL;
    
    namespace DataListExample
    {
        public partial class WebForm2 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                    BindGridView();
                }
            }
    
            private void BindGridView()
            {
                this.GridView1.DataSource = ProductBLL.SelectProduct();
                this.GridView1.DataBind();
            }
        }
    }
    

    第二步:
    到设计视图中去,选择编辑列
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    自动生成字段前面的勾要取消

    注意,如果是日期类型的数据,并且你只想显示年月日这样的中文,
    在这里插入图片描述

    接下来就是GridView控件的删除操作:

    还是一样的,需要在DAL层去写删除的方法,以及BLL层

    首先找到ProductDAL这个类,写删除方法,通过id进行删除
    在这里插入图片描述
    BLL层的ProductBLL类中代码:
    在这里插入图片描述

    接下进到窗体的设计界面,添加一个删除字段
    在这里插入图片描述
    然后找到GridView1的RowDeleting事件
    在这里插入图片描述
    进到后台代码(右键,查看代码):

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using BLL;
    
    namespace DataListExample
    {
        public partial class WebForm2 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                    BindGridView();
                }
            }
    
            private void BindGridView()
            {
                this.GridView1.DataSource = ProductBLL.SelectProduct();
                this.GridView1.DataBind();
            }
    
            protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
            {
                //找到这一行的id
                int productID = int.Parse(this.GridView1.Rows[e.RowIndex].Cells[0].Text);
                //调用bll层的方法,传入id,如果返回true,则删除成功
                if (ProductBLL.DeleteProductByProcuctID(productID))
                {
                    //提示删除成功之前先重新绑定一下数据
                    this.GridView1.DataSource = ProductBLL.SelectProduct();
                    this.GridView1.DataBind();
                    ClientScript.RegisterStartupScript(this.GetType(), "DelSuccess", "<script>alert('删除成功')</script>");
                }
                else
                {
                    ClientScript.RegisterStartupScript(this.GetType(), "DelFail", "<script>alert('删除失败')</script>");
                }
            }
        }
    }
    

    效果图:
    在这里插入图片描述
    点击删除:
    在这里插入图片描述
    在这里插入图片描述

    接下来 就是讲编辑功能,
    在这里插入图片描述

    这时页面已经多了一个编辑字段,这时就可以在浏览器中运行了,但是当你点击编辑时,就会报下图所示错误,所以我们就需要去写gridview控件的RowEditing事件。在这里插入图片描述
    代码如下:BindGridView()是之前写的方法,用来绑定数据
    在这里插入图片描述
    这时,点击编辑的时候就不会报错了,但是当我们点击取消的时候,又会报如下错误:
    在这里插入图片描述
    这时,就需要去RowCancelingEdit中去写代码:
    在这里插入图片描述
    当我们点击编辑的时候,我们会发现编号这一列也可以进行编辑,但是如果我们不想让它可以编辑,该如何做呢?
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    这时,当我们点击编辑的时候,编号这一列就不可以进行编辑了

    同样的当我们点击更新的时候,会报以下的错误在这里插入图片描述
    所以我们需要去找到对应的事件:
    在这里插入图片描述
    相应的DAL层也应该有对应更新的方法
    在这里插入图片描述

    展开全文
  • ASPxGridView控件的使用

    2019-07-22 20:26:35
    1.更新数据出错问题 使用ASPxGridView控件时,点Edit编辑一行,出来Update和cancel,编辑完数据后点击Update,出错:在正在编辑的那行下方会...解决办法是用数据源控件加载数据,指定ASPxGridView控件的DataSour...

    1.更新数据出错问题
    使用ASPxGridView控件时,点Edit编辑一行,出来Update和cancel,编辑完数据后点击Update,出错:在正在编辑的那行下方会出来一汗背景淡红色字体是红色的字“不支持所指定的方法”,英文是Specified method is not supported.
    图1:
    aspxgridview1.jpg
    解决办法是用数据源控件加载数据,指定ASPxGridView控件DataSourceID等于该数据源控件的ID,并指定一个KeyFieldName。我是看了官方的DEMO才知道这样做的,我原来是用我们项目自己的数据访问层提供的接口加载数据在.ASPX.CS文件中绑定给它的,这样做不无更新数据的原因我解释为:ASPxGridView控件本身只做显示数据的作用,但网页加载完毕后就不存在数据源,因此不法Update数据,需要用数据源控件保存数据以便更新,并且更新数据是让数据源控件去做的。这样解释不合理之处还望赐教。
    数据源控件有很多,我这里用的是ObjectDataSource,因为我们项目本身已经有数据访问层存在了,不需要用其他的数据源控件访问数据库。在这个WEB项目下新建一个文件夹App_Code,在App_Code下新建个类abc,定义命名空间为DEMO,using数据访问层的命名空间,添加一个方法LoadData,返回DataTable类型的值,方法参数随意,在这个方法中加载数据返回;再添加一个方法UpdateData,参数至少1个以上,就是需要传给存储过程的一些ID列和要修改的值(这些参数都要在ObjectDataSourceUpdateParameters属性中添加,它们的名字与这些参数名相同,同时它们还要在ASPxGridView控件的Columns中存在,如果是不想显示的列可以设置Visible="False"),那么对于我们肯定是要修改一些值的要不然就不用Update了,无需返回值,方法中调用数据访问层的方法修改数据。
    然后设置ObjectDataSource控件的TypeName="DEMO.abc",SelectMethod="LoadData",UpdateMethod="UpdateData",同时还要添加SelectParameters的参数名和值,参数名要跟LoadData函数中的参数名相同,值有各种选择,可以是控件的属性,也可以是Session变量,根据需要设定,如下图。好了,这回没有红色的字出来了,而且数据修改成功。
    ASPxGridView5.jpg

    2.显示格式样式的设置
    图2:
    aspxgridview2.jpg
    这个是他官方的DEMO,他们的这个视图样式是怎么做出来的,我花了一些时间学习它。我们经常出现有很多字段要显示,但由于页面宽度的限制我们不能将太多的信息显示在一行中,但在我们编辑的时候要显示它,并且可能还要编辑更新它,要想在编辑的时候显示成上图的样式,那么要进行以下设置:
    A>确认SettingsEditing的Mode=EditFormAndDisplayRow,EditFormColumnCount=3,设置成像图2中的多行进行编辑而不是图1中的嵌入在一行中,每行显示列数为3列。
    图3:
    aspxgridview3.jpg
    B>设置各列属性,如下图。
    Visible表示在非编辑状态下是否可见,它可以用来设置有些太长字段或次要字段不可见
    EditFormSettings的Visible用来设置在编辑状态下是否可见,设置它为true就可以让太长字段或次要字段在编辑时显示了
    VisibleIndex指在非编辑状态下该列显示的位置,0表示该列显示在第一列,以此类推
    EditFormSettings的VisibleIndex同上,但它是在编辑状态下的位置
    有了上面四个属性就可以很好的设置非编辑与编辑两种状态下以不用的顺序显示了,下面还有两个重要的属性:
    EditFormSettings的ColumnSpan表示该列占用多少列,相当于html中的td标签的colspan属性
    EditFormSettings的RowSpan表示该列占用多少行,相当于html中的td标签的rowspan属性
    aspxgridview4.jpg






    转载于:https://www.cnblogs.com/pains/archive/2007/11/13/956240.html

    展开全文
  • C#中GridView控件的使用

    千次阅读 2013-07-16 11:40:46
    C#中GridView控件的使用 一、GridView和DataGrid的异同 GridView 是 DataGrid的后继控件,在 framework 2中,虽然还存在DataGrid,但是GridView已经走上了历史的前台,取代DataGrid的趋势已是势不可挡。...
  • GridView控件是一个visualStudio自带数据控件,它可以非常快速将数据以表格方式显示在web页面上。下面就是一个利用GridView控件进行数据绑定小例子,内容如下: 数据来源自一个XML文件,至于如何操作XML文件,...
  • 如何统计gridview控件中某个数据个数?,在grigview控件下方设置lable控件(用lable显示个数)
  • GridView控件的使用 1.GridView中使用超链接的技巧 GridView中的超级链接,可以设置一个模版列,放入超级链接的控件,设置绑定参数即可。数据绑定方式有两种,如下示例:◆Eval方式 ◆Bind方式 推荐使用第一种...
  • 基于asp.net2.0开发的gridview数据显示控件的使用实例,通过与后台数据库连接来实现
  • Gridview控件的使用详解................
  • 浅谈GridView控件的使用

    千次阅读 2013-11-19 15:34:46
    一. 数据绑定简介 ...我们将主要介绍GridView控件、DataList控件、Repeater控件。  所有数据绑定都通过DataBind()函数来实现。在实现数据绑定时候,首先要指明数据源,然后再使用DataBind()函数。  
  • 8.26 Gridview控件的使用

    2010-08-27 00:38:00
    说了数据库连接,再来记一记控件绑定到数据库,首先记一下Gridview一些常用方法,貌似这个控件在那本书里都是最先提到…1Gridview控件绑定到数据库可以编写一个方法,具体代码如下:/// /// GridView绑定...
  • AspxGridView控件的使用

    2013-09-26 00:47:00
    要实现功能:使用AspxGridView显示Scott数据库中emp与dept两个表中数据。并可以将其导出EXCEL文件。点击编辑弹出一个PopUp控件。 Scott数据库中结构如图: 最终效果图: 要点: 更新标题 添加自定义...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,175
精华内容 2,070
关键字:

gridview控件的使用