easyui的combobox用法

Combo Box (组合框)控件很简单，可以节省空间。从用户角度来看，这个控件是由一个文本输入控件和一个下拉菜单组成的。用户可以从一个预先定义的列表里选择一个选项，同时也可以直接在文本框里面输入文本。

1、定义控件对应变量

假定已经创建了一个Dialog，并且从控件工具箱将 Combo Box 控件拖放到上面。打开 Class Wizard，添加控件对应变量，

如：CComboBox m_cbExamble

在后面的代码中会不断使用这个变量。

2、向控件添加 Items

1) 在Combo Box控件属性的Data标签里面添加，一行表示Combo Box下拉列表中的一行。换行用ctrl+回车。

2)利用函数 AddString()向Combo Box 控件添加 Items，如：

m_cbExample.AddString(“StringData1”)

m_cbExample.AddString(“StringData2”)

m_cbExample.AddString(“StringData3”)

3)也可以调用函数 InsertString()将 Item插入指定位置 nIndex，如：

m_cbExample.InsertString( nIndex, “StringData” )

3、从控件得到选定的Item

假设在控件列表中已经选定某项，现在要得到被选定项的内容，首先要得到该项的位置，然后得到对应位置的内容。这里会用到两个函数，如：

int nIndex = m_cbExample.GetCurSel()

CString strCBText

m_cbExample.GetLBText( nIndex, strCBText)

这样，得到的内容就保存在 strCBText中。

若要选取当前内容，可调用函数GetWindowText(strCBText)。

4、在控件中查找给定Item

这种 *** 作一般用于在程序中动态修改控件中该项的值，可以用函数FindStringExact()精确匹配，如：

int nIndex = m_cbExample.FindStringExact( nStartAfter, “value to be found”)

nStartAfter指明从哪一行开始查找。如果查找成功，返回的是该项的位置；否则，返回CB_ERR。

也可以选中包含指定字符串的项，如：

int nIndex = m_cbExample.SelectString( nStartAfter, “value to be selected”)

5、删除控件中的Item

该 *** 作可以利用函数DeleteString()，需要指定被删除项的位置，如：

m_cbExample.DeleteString(nIndex)

也可以使用函数ResetContent()，清除目前的所有项，如：

m_cbExample.ResetContent()

6、显示控件中的某项

int nIndex = m_cbExample.GetCurSel()//当前选中的项

m_cbExample.SetCurSel(nIndex)//设置第nIndex项为显示的内容

7、得到或设置输入框中被选中的字符位置

DWORD GetEditSel( ) /BOOL SetEditSel( int nStartChar, int nEndChar )

BOOL LimitText( int nMaxChars )设置输入框中可输入的最大字符数。

8、列表框常用消息映射宏

ON_CBN_DBLCLK 鼠标双击

ON_CBN_DROPDOWN 列表框被d出

ON_CBN_KILLFOCUS / ON_CBN_SETFOCUS 在输入框失去/得到输入焦点时产生

ON_CBN_SELCHANGE 列表框中选择的行发生改变

ON_CBN_EDITUPDATE 输入框中内容被更新

一、使用方法

1、在html定义：

<input class="easyui-combobox" name="type" id="type" data-options="url:'getType.do',textField:'text',valueField:'value'"/>

或者

<select class="easyui-combobox" name="type" id="type">

<option value="0">小于</option>

<option value="1">大于</option>

<option value="2">等于</option>

</select>

2、在js定义：

<input class="easyui-combobox" name="type" id="type"/>or <input name="type" id="type"/>

$("#type").combobox({

url : 'getType.do',//ajax请求某个后台获取数据

//data : [],//数组数据，类似于option，如[{text:"小于",value:0},{text:"大于",value:1},]

textField : 'text',//绑定的显示值

valueField : 'value'//绑定的提交到后台的值

})

二、扩展资料：关于ComboBox（资料来源：网页链接）

1、hwndCtl为此组合框的句柄,lpsz为需要添加的字符串,组合框不能直接通过id添加内容,所以需要得到这个控件的句柄,还得使用GetDlgItem()函数。

2、在VB中，Combo Box(组合框)控件很简单也很常用，可以节省空间。从用户角度来看，这个控件是由一个文本输入控件和一个下拉菜单组成的。用户可以从一个预先定义的列表里选择一个选项，同时也可以直接在文本框里面输入文本。

3、组合框常用的方法

additem 增加列表项

removeitem 移去列表项

clear 移去所有列表项

requery 当rowsourcetype为3和4时,根据rowsource中的最新数据重新刷新列表项

$('#dg').datagrid({

toolbar:'#tb',

})

<div id="tb" style="padding:5pxheight:auto"><select class="easyui-combobox" data-options="editable:false" id="menuModuleId" name="menuModuleId" value="${menu.menuModuleId }" style="width:150px">

<option value="">请选择</option>

<c:forEach var="menus" items="${menus }">

<option value="${menus.id }" <c:if test="${menu.menuModuleId eq menus.id }">selected=selected</c:if>>[${menus.systemCode}]${menus.menuName }</option>

</c:forEach>

</select>

</div>

---