easyui的combobox用法

easyui的combobox用法,第1张

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_cbExampleAddString(“StringData1”);
m_cbExampleAddString(“StringData2”);
m_cbExampleAddString(“StringData3”);
3)也可以调用函数 InsertString()将 Item插入指定位置 nIndex,如:
m_cbExampleInsertString( nIndex, “StringData” );
3、从控件得到选定的Item
假设在控件列表中已经选定某项,现在要得到被选定项的内容,首先要得到该项的位置,然后得到对应位置的内容。这里会用到两个函数,如:
int nIndex = m_cbExampleGetCurSel();
CString strCBText;
m_cbExampleGetLBText( nIndex, strCBText);
这样,得到的内容就保存在 strCBText中。
若要选取当前内容,可调用函数GetWindowText(strCBText)。

4、在控件中查找给定Item
这种 *** 作一般用于在程序中动态修改控件中该项的值,可以用函数FindStringExact()精确匹配,如:
int nIndex = m_cbExampleFindStringExact( nStartAfter, “value to be found”);
nStartAfter指明从哪一行开始查找。如果查找成功,返回的是该项的位置;否则,返回CB_ERR。
也可以选中包含指定字符串的项,如:
int nIndex = m_cbExampleSelectString( nStartAfter, “value to be selected”);
5、删除控件中的Item
该 *** 作可以利用函数DeleteString(),需要指定被删除项的位置,如:
m_cbExampleDeleteString(nIndex);
也可以使用函数ResetContent(),清除目前的所有项,如:
m_cbExampleResetContent();
6、显示控件中的某项
int nIndex = m_cbExampleGetCurSel(); //当前选中的项
m_cbExampleSetCurSel(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 输入框中内容被更新

<script type="text/javascript">
function doFn(obj){
var txt = $(obj)val();//取得当前文本
if(txt=="禁用"){
$("#comboboxid")combobox("disable");//禁用combobox
$(obj)val("启用");
}else{
$("#comboboxid")combobox("enable");//启用combobox
$(obj)val("禁用");
}
}
</script>
<head>
<body>
<select id="comboboxid" class="easyui-combobox" style="width:100px;">
<option value="aa">item1</option>
<option value="bb">item2</option>
</select>
<input type="button" value="禁用" onclick="doFn(this);"/>
</body>

看了一下不知道楼主的具体问题是什么。
下面是我自己下项目中做的。
html页面,里面绑定了一个选择节点的函数
<select id="cc" class="easyui-combotree" data-options=" onSelect:
function(rec){
$('#orgId')val(recid);
}" style="width:115px;"></select>
js代码:
$('#cc')combotree('loadData', ${treeData});
其中${treeData}是一个JSON字符串,从后台传过来的。

不d出IE窗口打开可以这样子写:
版本 2
支持库 HtmlView
子程序 _超文本浏览框1_即将打开新窗口, 逻辑型
超文本浏览框1地址 = 超文本浏览框1状态条文本
返回 (假)
多页面我就不会了。

有两种方法: (1)给下拉框的每个选项加一个value值,给下拉框加一个class,使用 $("obj")change(function(){ alert($(this)val());//这就是下拉选框中的值 }) (2)给每个选项加一个onclick事件,点击的时候直接获取就行。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13321125.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-14
下一篇 2023-07-14

发表评论

登录后才能评论

评论列表(0条)

保存