• easyUI combobox使用方法总结


    combobox,中文叫复合框,是把文本框和列表框的特性结合起来的一种控件,
    这个控件,既可以输入文字,也可以像列表框一样选择选项

    Combobox用法和方法参数:

    1、 需要引入class=" easyui-combobox”

    2、 参数设置需要在data-options中设置

    3、 属性参数配置:

    valueField:基础数据值名称绑定到Combobox(提交值)

    textField:基础数据的字段名称绑定的Combobox(显示值)

    mode:定义当文本改变时如何加载列表数据,当设置为remote模式下,什么类型的用户将被发送http请求参数名为'q'的服务器,以获取新的数据。

    url:从远程URL来加载列表数据

    method:http方法检索列表数据

    data:列表中被加载的数据

    filter:定义如何过滤本地数据“模式”设置为'local'

    formatter:定义如何呈现行

    loader:定义如何从远程服务器加载数据

    4、 事件:

    onBeforeLoad(param): 操作之前将数据加载,返回false就取消这个荷载作用

    onLoadSuccess():触发时,远程数据加载成功

    onLoadError:触发时,远程数据加载错误

    ONSELECT:触发,当用户选择一个列表项

    onUnselect:触发,当用户取消选择一个列表

    5、方法:

    options():返回选择对象

    getData():返回加载的数据

    loadData(data):加载列表数据

    reload(url):重新加载远程数据列表

    setValues(values):设置combobox的值数组

    setValue(value):设置combobox的值

    clear():清空combobox的值

    select(value):选中指定的值

    unselect(value):取消指定的值


    使用easyui之后,对于Combobox来说,获值有两种选择,"getValue‘和“getText”的选择源于我们对combobox在data-option中的设定,
    “valueField:”和“textField:”对应了getValue和getText,这样子对于键值对的选取就避免了多次的I/O操作(编码和性能都提升),很方便。


    combobox中使用getValue时:

            (1)如果组合框中的内容是“123张振华”,最终在js中只能截取到“123”;

            (2)如果组合框中的内容是"张振华123",在js中截取到的值为“张振华123”。

            Combobox中使用getText时:

            不论组合框中数字和字符的先后顺序,在js中截取到的值为整个字符串。

  • 相关阅读:
    BZOJ 1726 洛谷 2865 [USACO06NOV]路障Roadblocks【次短路】
    BZOJ 1699 [Usaco2007 Jan]Balanced Lineup排队
    洛谷 2777 [AHOI2016初中组]自行车比赛
    BZOJ 1832、1787 洛谷 4281 [AHOI2008]紧急集合
    BZOJ 4385 洛谷3594 POI2015 WIL-Wilcze doły
    【HDU 3037】Saving Beans(卢卡斯模板)
    【POJ 1061】青蛙的约会(EXGCD)
    【HIHOCODER 1469 】福字(DP)
    【BZOJ 1076】[SCOI2008]奖励关(期望)
    【HIHOCODER 1509 】 异或排序
  • 原文地址:https://www.cnblogs.com/zjdxr-up/p/10619139.html
Copyright © 2020-2023  润新知