Question

如何响应GridView 控件中的按钮事件

Answer 1

GridView 控件具有内置功能，用于进行编辑、删除和分页等操作。还可以添加按钮并使用 RowCommand 事件向控件添加自定义功能。 可以通过下面的方式向 GridView 控件添加自定义功能： 向GridView 控件添加 ButtonField 字段。向GridView 控件中的模板添加 Button、LinkButton 或ImageButton 控件。可以使用事件参数的 CommandName 属性在事件处理程序方法中标识按钮的功能。如果使用的是 ButtonField 或TemplateField 对象，则还可以使用 CommandArgument 属性来标识当前行。使用的是 ButtonField 对象时，CommandArgument 属性自动设置为行索引。使用的是 TemplateField 对象时，控件不会自动设置 CommandArgument 属性。在这种情况下，如果必须在事件处理程序中确定行索引，则可以使用数据绑定表达式将该按钮的 CommandArgument 属性设置为行索引。 响应GridView 控件中的按钮事件将按钮的 CommandName 属性设置为标识其功能的字符串，如“打印”或“复制”。如果使用的是 TemplateField 对象并且必须在事件处理程序方法中访问行索引，则将按钮的 CommandArgument 属性设置为标识当前行的表达式。 下面的示例演示如何将 TemplateField 列中某个按钮的 CommandArgument 属性设置为当前行索引。在该示例中，该列包含一个显示购物车的 Button 控件。<asp:TemplateField> <ItemTemplate> <asp:Button ID="AddButton" runat="server" CommandName="AddToCart" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" Text="Add to Cart" /> </ItemTemplate> </asp:TemplateField> 为GridView 控件的 RowCommand 事件创建一个方法。在该方法中，执行下列操作： 检查事件参数对象的 CommandName 属性来查看传入什么字符串。如果需要，使用 CommandArgument 属性检索包含该按钮的行的索引。为用户单击的按钮执行相应的逻辑。下面的示例演示响应 GridView 控件中的按钮单击的方法。在该示例中，TemplateField 列中的按钮发送命令“AddToCart”。RowCommand 事件处理程序确定被单击的按钮。如果被单击的是购物车按钮，则代码执行相应的逻辑。 protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e){ if (e.CommandName == "AddToCart") { // Retrieve the row index stored in the // CommandArgument property. int index = Convert.ToInt32(e.CommandArgument); // Retrieve the row that contains the button // from the Rows collection. GridViewRow row = GridView1.Rows[index]; // Add code here to add the item to the shopping cart. } } posted @ 2009-04-10 18:33 minmin8110 阅读(246) | 评论(0) | 编辑如何动态设置GridView 列宽默认情况下，会自动调整 GridView 控件中列的大小。列将呈现为不含宽度信息的 HTML 表单元格（td 元素）；大多数浏览器都会调整表单元格的大小以适应列中最宽的内容。 如果需要，您可以通过编程方式设置 GridView 控件中个别列的宽度。如果列的宽度取决于只在运行时提供的信息，则这种方式非常有用。例如，您可能要根据列的内容（即根据 GridView 控件绑定到的数据）调整列的大小。 设置列宽的基本方法包括设置列模板的 Width 属性。如果希望根据列的内容设置宽度，可以处理 RowDataBound 事件。这使得您可以检查行中的数据。 动态设置列宽在代码中，将 GridView 控件列的 ItemStyle 属性的 Width 属性设置为所需的宽度。 下面的代码示例说明如何将 GridView1 控件中所有列的宽度设置为用户在文本框中输入的值。protected void Button1_Click(object sender, EventArgs e){ try { int colWidth = Int16.Parse(Server.HtmlEncode(TextBox1.Text)); if (colWidth > 0) { for (int i = 0; i < GridView1.Columns.Count; i++) { GridView1.Columns[i].ItemStyle.Width = colWidth; } } } catch { // Report error. }}根据数据内容设置列宽创建RowDataBound 事件的处理程序。 每次在网格中的新行绑定数据时，都会引发 RowDataBound 事件，而且该事件将授予您对每行中数据的访问权限。在事件处理程序中，执行下列操作： 创建DataRowView 对象并为其分配当前网格行的 DataItem 值。 DataItem 属性将被类型化为一个对象。因此，您必须强制转换该属性。测试数据行 (DataControlRowType) 以确保您使用的是数据绑定行而不是页眉或页脚。从DataRowView 对象提取要检查的数据值。设置ItemStyle 属性的 Width 属性。将ItemStyle 属性的 Wrap 属性设置为 false。 如果Wrap 属性为 false，则会自动调整列的大小。下面的代码示例说明在设置某一列（在本例中为第三列）的宽度时如何根据上一列中最宽数据元素的宽度进行设置。将为 GridView 控件所显示的每个数据行调用一次 RowDataBound 事件处理程序。这段代码将最宽元素的字符数存储在受保护的页成员中，并将列的宽度设置为字符数乘以 30（任意乘数）。