combobox（下拉列表框）

含义

下拉列表框显示一个可编辑文本框和下拉式列表，用户可以选择一个值或多个值。用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值。

依赖

• combo

属性

属性名	类型	含义	默认值
valueField	string	基础数据值名称绑定到该下拉列表框	value
textField	string	基础数据字段名称绑定到该下拉列表框	text
groupField	string	指定分组的字段名称	null
groupFormatter	function(group)	返回格式化后的分组标题文本，以显示分组
mode	string	定义了当文本改变时如何读取列表数据，设置为‘remote’的时候，下拉列表会从服务器加载数据，参数名字叫‘q’	local
url	string	通过URL加载远程列表数据	null
method	string	post,get	post
data	array	数据列表加载	null
filter	function	定义当'mode'设置为'local'时如何过滤本地数据，函数有2个参数：q：用户输入的文本。row：列表行数据。返回true的时候允许行显示。
formatter	function	定义如何渲染行，一个参数：row
loader	function(param,success,error)	定义了如何从远程服务器加载数据。返回false可以忽略该动作。该函数具备如下参数：param：传递到远程服务器的参数对象。success(data)：在检索数据成功的时候调用该回调函数。error()：在检索数据失败的时候调用该回调函数。	json loader
loadFilter	function(data)	返回过滤后的数据并显示

事件

事件名	参数	含义
onBeforeLoad	param	在请求加载数据之前触发，返回false取消该加载动作
onLoadSuccess	none	在加载远程数据成功的时候触发
onLoadError	none	在加载远程数据事变的时候触发
onSelect	record	在用户选择列表项的时候触发
onUnselect	record	在用户取消选择列表项的时候触发

方法

方法名	参数	含义
options	none	返回属性对象
getData	none	返回加载数据
loadData	data	读取本地列表数据
reload	url	请求远程列表数据。
setValues	values	设置下拉列表看值数据
setValue	value	设置下拉列表框的值
clear	none	清除下拉列表框的值
select	value	选择指定项
unselect	value	取消选择指定项

我的demo

image

  
  
  
  
  
  
  
  


  
Basic Form combobox 
    

    

        

          combobox
          
        

        

          combobox group
          
        


        

          combobox icons
          
        

        

          SetValue
          GetValue
          Disable
          Enable
        
        

          combobox option
          
        

         

          combobox multiline