zoukankan      html  css  js  c++  java
  • combox的基本应用

    easyui-combox:控件的初始化;

    可以在其中进行文字的筛选功能(过滤),

    动态加载数据的方法。

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../EasyUI/themes/default/easyui.css">
    <link rel="stylesheet" href="../EasyUI/themes/icon.css">
    <script src="../EasyUI/jquery.min.js"></script>
    <script src="../EasyUI/jquery.easyui.min.js"></script>
    </head>
    <body>
    <input id="mycombox" name="mycombox">
    <script>
    $('#mycombox').combobox({
    url:'combobox_data.json',
    valueField:'id',
    textField:'name',
    onSelect: function (r) {
    alert(r.id);
    },
    onLoadSuccess: function () {
    $(this).combobox('setText', '--请选择--');
    }
    });
    </script>
    </body>
    </html>


    <!--json文件-->
    [{
    "id":1,
    "name":"天蚕土豆"
    },{
    "id":2,
    "name":"唐家三少"
    },{
    "id":3,
    "name":"紫气东来",
    "selected":true
    },{
    "id":4,
    "name":"辰东"
    },{
    "id":5,
    "name":"爱吃西红柿"
    }]


  • 相关阅读:
    类与对象
    类的声明与实例化
    面向对象的基本概念
    css下拉导航栏代码
    面向对象的三大特性
    面向对象三大基本特性,五大基本原则
    dom事件
    PHP 流程
    权限 查找
    留言板案例
  • 原文地址:https://www.cnblogs.com/fanxijiang/p/8295195.html
Copyright © 2011-2022 走看看