动态网页设计实训指导书 下载本文

(3) 控件对象的属性设置

页面各控件对象的属性设置 控件 属性 值 说明 listBox1 ID IbDept ListBox1的名称 Button1 ID btnOk 按扭1的名称 Text 提交 按扭1上的文本 Label1 ID lblInfo 标签1的名称 Text 标签控件默认无文本 (4) 配置数据源: (5) 将数据源控件与ListBox控件绑定 (6) 添加“提交”按扭的单击事件代码:

protected void btnOK_Click(object sender, EventArgs e) {

lblInfo.Text = \你所在的单位是:\ + lbDept.SelectedItem.Text; }

任务二:

根据输入的条件查询学生信息:

根据输入的性别查询符合条件的学生信息,条件符合会显示出相应的信息,程序运行效果如图;

42

操作步骤:

1. 设计Web页面

创建web页面,并在该页面插入一个3行1列的表格进行页面布局,在相应的单元格中输入说明文字,在第二个单元格插入1个文本框和1个按扭,在第三个单元格中插入一个GridView控件和1个SqlDataSource控件,页面设计效果如图:

43

2. 设置控件属性

页面各控件对象的属性设置如表 控件 属性 值 说明 TextBox1 ID txtSex 文本框的名称 Button1 ID btnSel 按扭1的名称 Text 查询 按扭1上的文本 GridView ID gvStuInfo GridView的名称 SqlDataSource1 ID sdsStuInfo 数据源的名称 3. 配置数据源 主要注意“配置Select语句”选择的数据表为tb_StuInfo如图,接下来设置查询语句的子语句WHERE子句如图 4. 设置GridView控件的空数据文本。

以上的设置在查询条件符合要求时就会显示相应的查询结果,但当没有符合条件的记录时,要显示提示信息,这里可以通过设置GridView的EmptyDataText属性来设置相应的信息此例中设置EmptyDataText=“对不起,没有您所需要的数据”

任务三:

利用FormView控件配合SqlDataSource控件实现对学生信息表tb_StuInfo表中内容的浏览,编辑,新建与删除操作,程序运行的效果图

44

操作步骤:

1.设计Web页面。

2.设计FormView控件的模板模式。 3.启用FormView的分页。

任务四:

利用DataList控件显示出学生信息表中的数据,每行显示4条记录,记录排列方向为横向排列,所有字段标题为中文,页面运行如图

操作步骤: (1).创建网站

创建一个ASP.NET网站,打开默认的Default.aspx页面。 (2)在Default.aspx页面中添加DataList控件 (3)设置DataList的项模板

在DataList右侧的任务面板中选择“编辑模板”命令,此时会开DataList的模板界面,从右侧的模板编辑模式中,选择ItemTemplate即项模板,如图:在项模板的可编辑区域设置每个字段的字段标题为中文。

45