datagrid与DropDownList关联使用
最近做一个页面需要用到这个两个控件,之前虽然看过,但是没有动手实践过。突然要做这么一个页面,并用上,真的有点着急。于是乎,网上疯狂找datagrid与DropDownList 的例子,找了很多很多,看了,并实践了,但是不是我想要的效果。昨天晚上琢磨了好几个小时,都没有弄好,后来干脆不弄了,躺在床上想了又想,结合网上找的案例,应该是灵感突现,今天一来到公司就动手实践。实践是检验最好的标准。实现了,成功了。
很高兴,急着把它写成笔记,一来记录,二来分享吧。开始贴码。
一、页面代码
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="datagridyuDropDownList.aspx.vb" Inherits="firstwebVbTest.datagridyuDropDownList" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.dghotelRange
{
min-width:900px;
width:auto;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DataGrid ID="dgtest" runat="server" AutoGenerateColumns="False"
CssClass="dghotelRange">
<AlternatingItemStyle BackColor="#E0E0E0"></AlternatingItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="#E7E7FF" BackColor="#4A3C8C"></HeaderStyle>
<Columns>
<asp:TemplateColumn HeaderText="编号">
<ItemTemplate>
<asp:Literal ID="labId" runat="server" Text='<%# Container.DataItem("Id") %>'></asp:Literal>
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="Name" HeaderText="名字"></asp:BoundColumn>
<asp:TemplateColumn HeaderText="父编号">
<ItemTemplate>
<asp:textbox id="txtparenetId" runat="server" Text='<%# Container.DataItem("parenetId") %>' width="50px"></asp:textbox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="类别">
<ItemTemplate>
<asp:DropDownList ID="ddlUsers" runat="server" ></asp:DropDownList>
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="memo" HeaderText="备注"></asp:BoundColumn>
</Columns>
<PagerStyle Mode="NumericPages"></PagerStyle>
</asp:DataGrid>
<asp:Button ID="btnGet" runat="server" Text="显示" />
</div>
</form>
</body>
</html>
二、后台代码
连接数据库的代码有点丑陋了。
Imports System.Data
Imports System.Data.SqlClient
Public Class datagridyuDropDownList
Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load End Sub
Dim str As String = "Data Source=xxxxx;Initial Catalog=Mytest;Integrated Security=True"
Dim conn As SqlConnection = New SqlConnection(str)
Dim cmd As SqlCommand = New SqlCommand()
Dim ad As SqlDataAdapter = New SqlDataAdapter()
''' <summary>
''' DataGrid 绑定数据下拉列表绑定数据显示---关联的(另一个表的text值)
''' </summary>
''' <remarks></remarks>
Public Sub getDataTable()
Dim ds As DataSet = New DataSet()
Dim strsql = "select top 10 Id, Name, parenetId, memo from test"
Try
conn.Open()
cmd.CommandText = strsql
cmd.Connection = conn
ad.SelectCommand = cmd
ad.Fill(ds)
dgtest.DataSource = ds.Tables().DefaultView
dgtest.DataBind()
'这一段代码就是绑定下拉类别一出来的值 这个是关联的 实现这个花了很多时间
For i As Integer = To dgtest.Items.Count -
Dim NID As Literal = dgtest.Items.Item(i).FindControl("labId")
Dim Users As DropDownList = dgtest.Items.Item(i).FindControl("ddlUsers")
GetDataUser(Users)
Users.SelectedValue = NID.Text
Next Catch ex As Exception Finally
cmd.Dispose()
ad.Dispose()
conn.Close()
End Try End Sub
''' <summary>
''' 初始时绑定数据
''' </summary>
''' <param name="ddlUsers"></param>
''' <remarks></remarks>
Public Sub GetDataUser(ByVal ddlUsers As DropDownList)
Dim strsql = "select top 10 Id, Names from Users"
Dim ds As DataSet = New DataSet()
conn.Close()
Try
conn.Open()
cmd.CommandText = strsql
cmd.Connection = conn
ad.SelectCommand = cmd
ad.Fill(ds)
ddlUsers.DataSource = ds.Tables().DefaultView
ddlUsers.DataTextField = "Names"
ddlUsers.DataValueField = "Id"
ddlUsers.DataBind()
Catch ex As Exception Finally
cmd.Dispose()
ad.Dispose()
conn.Close() End Try
End Sub
''' <summary>
''' 下拉绑定数据 拥有更改时
''' </summary>
''' <returns></returns>
''' <remarks></remarks>
Public Function GetUsersDataTable() As DataTable
Dim strsql = "select top 10 Id, Names from Users"
Dim dt As DataTable = New DataTable()
Dim ds As DataSet = New DataSet()
Try
conn.Open()
cmd.CommandText = strsql
cmd.Connection = conn
ad.SelectCommand = cmd
ad.Fill(ds)
dt = ds.Tables()
Catch ex As Exception Finally
cmd.Dispose()
ad.Dispose()
conn.Close()
End Try
Return dt
End Function
''' <summary>
''' 这个是参考更改下拉数据代码 只是我这里没有做修改和添加的代码 所以在这里没有用
''' </summary>
''' <param name="sender"></param>
''' <param name="e"></param>
''' <remarks></remarks>
Protected Sub dgtest_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles dgtest.ItemDataBound
If e.Item.ItemType = ListItemType.EditItem Then
Dim ddl As DropDownList = CType(e.Item.FindControl("ddlUsers"), DropDownList)
ddl.DataSource = GetUsersDataTable()
ddl.DataValueField = "Id"
ddl.DataTextField = "Names"
ddl.DataBind()
Dim dv As DataRowView = CType(e.Item.DataItem, DataRowView)
ddl.SelectedIndex = ddl.Items.IndexOf(ddl.Items.FindByText(dv("Names").ToString()))
End If
End Sub
''' <summary>
''' 显示数据
''' </summary>
''' <param name="sender"></param>
''' <param name="e"></param>
''' <remarks></remarks>
Protected Sub btnGet_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnGet.Click
getDataTable()
End Sub
End Class
三、显示的结果如下图
总结
付出,还是有收获的。
参考链接:
http://www.cnblogs.com/skylaugh/archive/2006/03/17/352333.html
http://wzoot.blog.163.com/blog/static/41638800200791643035837/
datagrid与DropDownList关联使用的更多相关文章
- DataRead 和DataSet区别
dataset表示一个数据集,是数据在内存中的缓存. 可以包括多个表DatSet 连接数据库时是非面向连接的.把表全部读到Sql中的缓冲池,并断开于数据库的连接 datareader 连接数据库时是面 ...
- 转载 感受K2.Net 2003工作流解决方案
接触SourceCode公司的工作流产品K2.NET 2003有一段时间了,想把一些心得分享出来,和各位共同探讨一下,抛砖引玉,希望能对相关人士以启发. K2.Net 2003是基于微软.Net Fr ...
- asp.net几个重要对象
DataSet是用来做连接sql的一种方法,意思是把数据库的副本存在应用程序里,应用程序开始运行时,把数据库相关数据保存到DataSet.DataTable表示内存中数据的一个表.常和DefaultV ...
- easyui datagrid中关联combox
datagrid中列上关联combobox{ field: 'SysCode', title: '系统代码', width: 150, align: 'left', editor: { type: ' ...
- datagrid加下拉列表dropdownlist
datagrid中代码: <asp:datagrid id="dgList" runat="server" ItemStyle-HorizontalAli ...
- 序列化表单为json对象,datagrid带额外参提交一次查询 后台用Spring data JPA 实现带条件的分页查询 多表关联查询
查询窗口中可以设置很多查询条件 表单中输入的内容转为datagrid的load方法所需的查询条件向原请求地址再次提出新的查询,将结果显示在datagrid中 转换方法看代码注释 <td cols ...
- EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题
// 获取选中一行的情况,下面的一个参数可以代表一个DataGridfunction getSelected(dialogEle,dataFileTextEle) { // 获取选中一行的情况. va ...
- Yii 1开发日记 -- 后台搜索功能下拉及关联表搜索
Yii 1 实现后台搜索,效果如下: 一. 下拉搜索: 1.模型中和常规的一样 if (isset($_GET['agency']['status']) && $_GET['agenc ...
- WPF DataGrid常用属性记录
WPF DataGrid常用属性记录 组件常用方法: BeginEdit:使DataGrid进入编辑状态. CancelEdit:取消DataGrid的编辑状态. CollapseRowGroup:闭 ...
随机推荐
- 如何获取iClap的内测资格
iClap,一款拥有智能产品管理能力的系统,第一次遇见是在8月下旬的创新中国的展会上,茫茫人海中只因多看了你一眼,便深深的留在脑海里挥之不去,展会结束的当天就忍不住想要更多的了解你,登陆iClap官网 ...
- jquery Treeview插件的使用及复选框的级联
本文是对jquery的Treeview插件使用的实例介绍 效果图如下: 文件结构如下:
- Spring事务回滚
配置事物: @Configuration /**强制使用cglib代理时就把proxy-target-class设为true.*/ @EnableTransactionManagement(proxy ...
- 【Python】闭包 & 匿名函数
闭包 1.注意:返回的函数内部不要使用后续会发生变化的变量. def f(): gs = [] for k in range(1, 4): def g(i): return i + k gs.appe ...
- RabbitMQ学习之(三)_Centos6下RabbitMQ PHP扩展的安装
安装rabbitmq-c依赖包 yum install libtool autoconf 下载安装rabbitmq-c wget https://github.com/alanxz/rabbitmq- ...
- 20145307第一周JAVA实验报告
20145307 <Java程序设计>第一次实验实验报告 北京电子科技学院(BESTI)实验报告 课程:Java程序设计 班级:1453 指导教师:娄嘉鹏 实验日期:2016.04.08 ...
- matlab练习程序(求灰度图像最大灰度,最小灰度,平均灰度)
转自 http://www.cnblogs.com/tiandsp/archive/2012/01/07/2316006.html 感谢Dsp tian clearclc;img = imread( ...
- hadoop2对应的eclipse插件使用
1. eclipse插件安装步骤: a).把插件复制到eclipse安装目录plugins文件夹下 b).打开eclipse的Window---Preference---Hadoop M/R---指向 ...
- MysQL使用一高级应用(下)
连接查询 连接查询分类如下: 表A inner join 表B:表A与表B匹配的行会出现在结果中 表A left join 表B:表A与表B匹配的行会出现在结果中,外加表A中独有的数据,未对应的数据使 ...
- integration asp.net web api with autofac and owin
There is an example project showing Web API in conjunction with OWIN self hosting https://github.com ...