jQuery EasyUI API 中文文档 - ComboBox组合框_jquery

扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。

<?XML:NAMESPACE PREFIX = O />

 

文档 - ComboBox组合框_jquery-easyui combobox api">
依赖
combo
用法
<select id="cc" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
<input id="cc" name="dept" value="aa">

复制代码 代码如下:

$('#cc').combobox({
url:'combobox_data.json',
valueField:'id',
textField:'text'
});

json 数据格式的示例

复制代码 代码如下:

[{
"id":1,
"text":"text1"
},{
"id":2,
"text":"text2"
},{
"id":3,
"text":"text3",
"selected":true
},{
"id":4,
"text":"text4"
},{
"id":5,
"text":"text5"
}]

特性



其特性扩展自 combo,下列是为combobox 增加的特性。


名称


类型


说明


默认值


valueField


string


绑定到 ComboBox 的 value 上的基础数据的名称。


value


textField


string


绑定到 ComboBox 的 text 上的基础数据的名称。


text


mode


string


定义在文本改变时如何加载列表数据。如果组合框从服务器加载就设为 'remote' 。


local


url


string


从远程加载列表数据的 URL 。


null


method


string


用来检索数据的 http method 。


post


data


array


被加载的列表数据。


null


filter


function


定义当 'mode' 设为 'local' 时如何过滤数据。这个函数有两个参数:
q:用户输入的文字
row:列表中的行数据。
返回 true 就允许显示该行。

 


formatter


function


定义如何呈现行。这个函数有一个参数:row。

 

事件



其事件扩展自 combo,下列是为 combobox 增加的事件。


名称


参数


说明


onLoadSuccess


none


当远程数据加载成功时触发。


onLoadError


none


当远程数据加载失败时触发。


onSelect


record


当用户选择一个列表项时触发。


onUnselect


record


当用户取消选择一个列表项时触发。

方法



其方法扩展自 combo,下列是为 combobox 追加或重写的方法。


名称


参数


说明


options


none


返回 options 对象。


getData


none


返回加载的数据。


loadData


data


加载本地列表数据。


reload


url


请求远程的列表数据。


setValues


values


把数组设置为组合框的值。


setValue


value


设置组合框的值。


clear


none


清除组合框的值。


select


value


选择指定的选项。


unselect


value


取消选择指定的选项。

风流涕淌 翻译

时间: 2024-09-21 23:48:21

jQuery EasyUI API 中文文档 - ComboBox组合框_jquery的相关文章

jQuery EasyUI API 中文文档 - ComboGrid 组合表格_jquery

扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults . 文档 - ComboGrid 组合表格_jquery-easyui combogrid api">依赖 combo datagrid 用法 复制代码 代码如下: <select id="cc" name="dept" style="width:250px;&

jQuery EasyUI API 中文文档 - ComboTree组合树_jquery

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - ComboTree组合树_jquery-easyui combotree api">依赖 combo tree 用法 <select id="cc" style="width:200px;">

jQuery EasyUI API 中文文档 - ValidateBox验证框_jquery

用 $.fn.validatebox.defaults 重写了 defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - ValidateBox验证框_jquery-easyui validatebox">用法 复制代码 代码如下: <input id="vv" required="true" validType="email"> 复制代码 代码如下: $('#vv').va

jQuery EasyUI API 中文文档 - NumberBox数字框_jquery

扩展自 $.fn.validatebox.defaults,用 $.fn.numberbox.defaults 重写了 defaults . 依赖 validatebox 用法 复制代码 代码如下: <input type="text" id="nn"></input> 复制代码 代码如下: $('#nn').numberbox({ min:0, precision:2 }); 特性<?XML:NAMESPACE PREFIX = O

jQuery EasyUI API 中文文档 - ProgressBar 进度条_jquery

用$.fn.progressbar.defaults重写defaults. 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建.从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-progressbar" style="width:400px;">&

jQuery EasyUI API 中文文档 - Calendar日历使用_jquery

用 $.fn.calendar.defaults 重写了 defaults.   <?XML:NAMESPACE PREFIX = O /> 文档 - Calendar日历使用_jquery-jquery calendar api">用法 复制代码 代码如下: <div id="cc" style="width:180px;height:180px;"></div> 复制代码 代码如下: $('#cc').cale

jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'

jQuery EasyUI API 中文文档 - Parser 解析器_jquery

用法 复制代码 代码如下: $.parser.parse(); // 解析整个页面 $.parser.parse('#cc'); // 解析某个具体节点 特性<?XML:NAMESPACE PREFIX = O /> 名称 类型 说明 默认值 $.parser.auto boolean 定义是否自动解析easyui组件. true 事件 名称 参数 说明 $.parser.onComplete context 当解析器完成解析动作的时候触发. 方法 名称 参数 说明 $.parser.pars

jQuery EasyUI API 中文文档 - Form表单_jquery

Form 表单 用法 复制代码 代码如下: <form id="ff" method="post"> ... </form> 使 form 成为 ajax 提交的 form . 复制代码 代码如下: $('#ff').form({ url:..., onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提