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中截取到的值为整个字符串。

  • 相关阅读:
    Reactive Extensions (Rx) 入门(5) —— Rx的事件编程
    Reactive Extensions (Rx) 入门(4) —— Rx的事件编程
    Reactive Extensions (Rx) 入门(3) —— Rx的事件编程
    Reactive Extensions (Rx) 入门(2) —— 安装 Reactive Extensions
    Reactive Extensions (Rx) 入门(1) —— Reactive Extensions 概要
    Xamarin NuGet 缓存包导致 already added : Landroid/support/annotation/AnimRes 问题解决方案
    Android 系统Action大全
    Xamarin Forms 实现发送通知点击跳转
    如何理解灰度发布
    推荐一款分布式微服务框架 Surging
  • 原文地址:https://www.cnblogs.com/cgfpx/p/14767320.html
Copyright © 2011-2022 走看看