zoukankan      html  css  js  c++  java
  • easyUi之combobox

    combobox在默认情况下是一种可编辑的下拉框,通过multiple属性设置该组件为单选(默认情况下为false,单选)还是多选。创建combobox组件的常见示例如下:

    一种是通过<input>方式:

    <input id="state"
        class="easyui-combobox"
        name="state"
        url="../combobox/action_combobox_data.json"
        valueField="id"
        textField="text"
        multiple=true
        editable=false
        panelHeight="auto"
        style="200px;">

    另外一种是通过javascript的方式:

    <input id="cc" name="cc" value="cc">

    (function(){    // 继承于combo也就是说具有combo的一切属性和方法,包括事件

    ("#cc").combobox({
       url:"../combobox/action_combobox_data.json",
       textField:"text",
       valueField:"id",
       multiple:false,
       editable:false,
       panelHeight:"auto",
       200,
       onChange:function(oldVal, newVal) {
        debugger;
        alert(oldVal);
        alert(newVal);
        $(this).data("oldVal", oldVal);
       },
       onSelect:function(rec) {

        // 这里起到下拉框连带(dependent comboboxes)的效果。
        var url="../combobox/combobox_data1.json"
        ("#dd").combobox("reload", url);      var oldVal =(this).data("oldVal")
        alert(oldVal);
       }
      });
     
     });

    其中json文件如下:

    [{
    "id":"AL",
    "text":"Alabama"
    },{
    "id":"AK",
    "text":"Alaska"
    },{
    "id":"AZ",
    "text":"Arizona",
    "selected":true
    },{
    "id":"AR",
    "text":"Arkansas"
    },{
    "id":"CA",
    "text":"California"
    }]

        总结:由于combobox继承于combo组件,因此具有combo的一切属性和方法,包括事件,例如onChange事件(比如上例方式二)。

    生命是一场忧伤的观望,恰如陌路花开,终究是个过客。
  • 相关阅读:
    u-boot 用哪个lds链接脚本
    u-boot-2019.07 移植步骤
    u-boot-2016.09 make编译过程分析(二)
    grep 命令搜索 带空格的字符
    uboot if_changed函数
    2019保险规划 待完善
    MongoDB Capped集合
    并发编程——详解 AQS CLH 锁
    Spring容器中的Bean几种初始化方法和销毁方法的先后顺序
    观察者模式
  • 原文地址:https://www.cnblogs.com/ygyxinyu/p/3630282.html
Copyright © 2011-2022 走看看