zoukankan      html  css  js  c++  java
  • 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中截取到的值为整个字符串。

  • 相关阅读:
    新一代MQ apache pulsar的架构与核心概念
    Flutter使用fluwx实现微信分享
    BZOJ3622 已经没有什么好害怕的了 动态规划 容斥原理 组合数学
    NOIP2016提高组Day1T2 天天爱跑步 树链剖分 LCA 倍增 差分
    Codeforces 555C Case of Chocolate 其他
    NOIP2017提高组Day2T3 列队 洛谷P3960 线段树
    NOIP2017提高组Day2T2 宝藏 洛谷P3959 状压dp
    NOIP2017提高组Day1T3 逛公园 洛谷P3953 Tarjan 强连通缩点 SPFA 动态规划 最短路 拓扑序
    Codeforces 873F Forbidden Indices 字符串 SAM/(SA+单调栈)
    Codeforces 873E Awards For Contestants ST表
  • 原文地址:https://www.cnblogs.com/zjdxr-up/p/10619139.html
Copyright © 2011-2022 走看看