随笔 - 57  文章 - 0 评论 - 353 trackbacks - 13
<2008年1月>
303112345
6789101112
13141516171819
20212223242526
272829303112
3456789

与我联系

搜索

 

留言簿(4)

我管理的小组

随笔分类(48)

随笔档案(51)

积分与排名

  • 积分 - 74548
  • 排名 - 539

最新评论

阅读排行榜

评论排行榜

本系列目录
对第一篇中的数据库做一下修正
脚本如下:
Code

下面开始本节内容:

打开上节创建的项目,添加一个新的web页面ModuleManager.aspx将一个GridView拖动到设计器,将其命名为GridViewModules。在设计视图使用快捷键F7打开代码视图,找到Page_Load函数,完成其中代码。

        SecurityDataContext db;
        
protected void Page_Load(object sender, EventArgs e)
        
{

            db 
= new SecurityDataContext();
            
if (!IsPostBack)
            
{
                BindGrid();
            }

        }
     
private void BindGrid()
        
{
            SecurityDataContext db 
= new SecurityDataContext();
            
this.GridViewModules.DataSource = db.Modules.GetNewBindingList();
            
this.GridViewModules.DataBind();
        }

说明:BindGrid实现了GridView的数据绑定。

在属性面板中设置Columns属性,打开Fields窗口如图1.

 


图1

 

在图中红色区域选择要添加的列,点击add按钮列将被添加到绿色区域,使用蓝色区域的按钮来对列排列删除。选中绿色区域的列可在紫色区域的属性编辑区设置该列DataField属性。设计完成的的html如下。

        <asp:GridView ID="GridViewModules" runat="server" AutoGenerateColumns="False">
            
<Columns>
                
<asp:BoundField DataField="Code" HeaderText="Code" />
                
<asp:BoundField DataField="Name" HeaderText="Name" />
                
<asp:BoundField DataField="Comments" HeaderText="Comments" />
                
<asp:CommandField ShowDeleteButton="True" />
                
<asp:CommandField ShowEditButton="True" ShowInsertButton="True" />
            
</Columns>
        
</asp:GridView>

 

右键点击GridView控件,选择属性,打开属性面板,如图2.

 

图2

 双击红色区域生成RowEditing的事件处理函数。同样的方法生成RowUpdatingRowDeletingRowCanceling事件处理函数。转到C#代码页面。完成刚才生成的GridViewModules_RowEditing函数,完成代码如下。

        protected void GridViewModules_RowEditing(object sender, GridViewEditEventArgs e)
        
{
            
this.GridViewModules.EditIndex = e.NewEditIndex;
            BindGrid();
        }

该段代码在点击编辑按钮后将列变为可编辑状态。