控件combox


一. combox显示

    首先combox有两个属性来存储数据:DisplayMember(显示成员),ValueMember(值成员) ,DisplayMember是我们在combox界面上看到的,ValueMember是隐藏的数据。一般来说我们只需要设置DisplayMember属性的值即可。
  1. 循环赋值 ,通过combox.Items.Add方法
  2. 绑定数据,给combox.DataSource绑定数据源
两者的区别在于:
循环赋值代码没有绑定数据代码简练;
循环赋值方法combox默认没有选择值即 selectedIndex=-1,而绑定数据方式则默认是第一个数据。

注意:combox.DataSource数据源不一定,只要是集合数据即可(该集合类型必须继承自IList或IListSource)

二. 取数据

1. SelectedValue,SelectedItem,SelectedText,Text区别
combox取得值类型很多,基本有以上几种,这里讲下他们的区别,及用法
SelectedValue:选中的数据值;即ValueMember属性中存储的值。
SelectedItem:combox当前选中项的值;(如果设置了displayMember,与valueMember的值,则会显示着两个的集合)
SelectedText:鼠标选中的combox中显示值
Text:当前combox的值;可用来取combox的值。

注意:前三个值都是当combox选中某个值才有效,如果combox没有选中任何一个值,但是在程序中取得这些值为null,使用会报异常错误。(未实例化)而Text则是为空("")。

三.实例

1. UI:

2. 说明
groupbox1:给combox赋值。分别采用循环,绑定数据库获取值赋给DataTable,绑定Dictionary值类型
groupbox2:取combox值,这里选用的第三个combox DT绑定。分别查看combox各个属性的值
注意:这里只写取这些属性值,是为了区分他们的不同

3. 代码:
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
             
             
using MySql.Data.MySqlClient ;
private void Form1_Load ( object sender , EventArgs e )
{
//循环绑定
SetCmbWithCycle ();
//绑定数据库
SetCmbWithBindingDB ();
//绑定dictionary
SetCmbWithDT ();
}
/// <summary>
/// 动态获取值
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void timer1_Tick ( object sender , EventArgs e )
{
if ( cmbDT . SelectedIndex < 0 )
{
lblError . Text = "combox没有选择值!" ;
return ;
}
//获取combox值
GetComboxData ();
}
/// <summary>
/// 通过循环来赋值
/// </summary>
private void SetCmbWithCycle ()
{
DataTable dt = GetDbData ();
for ( int i = 0 ; i < dt . Rows . Count ; i ++)
{
cmbItem . Items . Add ( dt . Rows [ i ][ "Name" ]);
}
}
/// <summary>
/// 通过绑定方式来赋值
/// </summary>
private void SetCmbWithBindingDB ()
{
DataTable dt = GetDbData ();
cmbBind . DataSource = dt ;
cmbBind . DisplayMember = "Name" ;
}
/// <summary>
/// 通过dictiona绑定
/// </summary>
private void SetCmbWithDT ()
{
Dictionary < int , string > dt = new Dictionary < int , string >();
dt . Add ( 1 , "A" );
dt . Add ( 2 , "B" );
BindingSource bs = new BindingSource ();
bs . DataSource = dt ;
//Dictionary类型数据不可直接绑定到控件上
cmbDT . DataSource = bs ;
cmbDT . ValueMember = "Key" ;
cmbDT . DisplayMember = "Value" ;
}
/// <summary>
/// 获取combox的属性值
/// </summary>
private void GetComboxData ()
{
lblSelVal . Text = cmbDT . SelectedValue . ToString ();
lblSelItem . Text = cmbDT . SelectedItem . ToString ();
lblSelTxt . Text = cmbDT . SelectedText ;
lblTxt . Text = cmbDT . Text ;
}
/// <summary>
/// 数据库中获取数据
/// </summary>
/// <returns></returns>
private DataTable GetDbData ()
{
string connStr = @"Server=localhost;Database=stu;Uid=root;Pwd=123456" ;
MySqlConnection conn = new MySqlConnection ( connStr );
string sql = @"Select *from user" ;
if ( conn . State == ConnectionState . Open )
{
conn . Close ();
}
conn . Open ();
MySqlCommand cmb = new MySqlCommand ( sql , conn );
MySqlDataAdapter da = new MySqlDataAdapter ( cmb );
DataTable dt = new DataTable ();
da . Fill ( dt );
conn . Close ();
return dt ;
}
特点1:美化的并且可自定义的外观 该下拉框使用JS进行渲染。下拉框样式如下: 该外观是由CSS和图片控制。通过修改CSS可以很方便地实现更改外观。 QUI树形下拉框不存在IE6中无法被浮动层遮住等问题。 特点2:使用简单 引入脚本和相应的CSS之后, 在页面写如下的HTML代码: 然后为其指定JSON数据即可。数据格式: var zNodes1 =[ { id:1, pId:0, name:"父节点1",open:true}, { id:11, pId:1, name:"叶子节点11"}, { id:12, pId:1, name:"叶子节点12"}, { id:13, pId:1, name:"叶子节点13"}, { id:2, pId:0, name:"父节点2 ",open:true}, { id:211, pId:2, name:"叶子节点21"}, { id:212, pId:2, name:"叶子节点22"}, { id:213, pId:2, name:"叶子节点23"}, { id:214, pId:2, name:"叶子节点24"} ]; 特点3:控制某些节点不可选 如果希望某些子节点(例如父节点)不可选择,为该项JSON数据设置clickExpand:true即可,这样点击后不会选中项,而是展开子节点。 特点4:触发close事件 可以为selectTree的div添加close事件,每当内容层关闭时会调用。通过这种方式可以将选中项传递给hidden表单元素,用于提交表单。 特点5:自定义图标 下拉框树结构每个节点都可以自定义图标。效果如下: 特点6:宽度处理 QUI树形下拉框对于宽度的处理方式是:默认会有一个宽度,当树结构过宽则内容层会增大宽度用于自适应里面的内容。 还可以为下拉框和内容层强制指定一个宽度。效果如下: 特点7:树形下拉框可编辑 为下拉框代码添加一个editable="true"属性,就把它变成了一个可编辑的下拉框,效果如下: 特点8:可通过AJAX方式加载数据 下拉框的树结构可以通过ajax方式加载。详情请参见在线相关示例。 特点9:变成树形多选下拉框 为下拉框添加multiMode="true"属性,可以把它变成树形多选下拉框。效果如下: 当选择完毕后,鼠标移入可以显示所有选择的选项提示。效果如下: 特点10:树形多选下拉框的不分组模式 改变树形多选下拉框的JSON数据,让其不分组。那么就变成一个select多选下拉框。效果如下: 特点11:树形下拉框的验证 结合QUI框架的验证机制,可以方便地为树形下拉框添加验证。效果如下: 特点12:树形下拉框动态增删改选项 树形下拉框支持动态增删改选项。结合ajax机制可以方便地实现如下效果: 添加一个节点后的效果: 特点13:完美的浏览器兼容性 无论是IE6、IE7、IE8、IE9还是FireFox、Chrome、Safira,甚至在Linux下都保持功能与外观的一致性。 声明:本组件内部的树结构采用的是zTree组件,感谢zTree组件作者的支持与授权。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值