`

combobox--5

 
阅读更多



 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>

  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="this is my page">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  <!-- easyui的样式 -->
  <link rel="stylesheet" type="text/css"
   href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
  <!-- 小图标的样式 -->
  <link rel="stylesheet" type="text/css"
   href="../jslib/jquery-easyui-1.3.1/themes/icon.css">

  <script type="text/javascript"
   src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
  <script type="text/javascript"
   src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
  <script type="text/javascript"
   src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>

  <script type="text/javascript">
   var loginComboboxName;
   var d = [ {
    "id" : 1,
    "text" : "text1"
   }, {
    "id" : 2,
    "text" : "text2"
   }, {
    "id" : 3,
    "text" : "text3",
    "selected" : true
   }, {
    "id" : 4,
    "text" : "Text4"
   }, {
    "id" : 5,
    "text" : "text5"
   } ];
   $(function() {
    loginComboboxName = $('#loginComboboxName').combobox({
     data : d,
     textField : 'text',
     valueField : 'id',
     filter : function(q, row) {
      var opts = $(this).combobox('options');
      //return row[opts.textField].indexOf(q) == 0;
      return row[opts.textField].toUpperCase().indexOf(q.toUpperCase()) == 0;
     },
     formatter : function(row) {
      var opts = $(this).combobox('options');
      return row[opts.textField] + "###";
     },
     onBeforeLoad : function(param) {
      console.info(param);
     },
     multiple : true
    });
   });
  
   function loadData() {
    loginComboboxName.combobox('loadData', [ {
     "id" : 1,
     "text" : "aaaaaa"
    }, {
     "id" : 2,
     "text" : "bbbbb"
    }, {
     "id" : 3,
     "text" : "ccccc",
     "selected" : true
    }, {
     "id" : 4,
     "text" : "ddddd"
    }, {
     "id" : 5,
     "text" : "eeeee"
    } ]);
   }
  </script>
 </head>
 <body>
  <select id="loginComboboxName" name="name"
   style="display: none; width: 157px;"></select>
  <input type="button"
   onclick="console.info(loginComboboxName.combobox('getData'))"
   value="getData" />

  <input type="button" onclick="loadData()" value="loadData" />
  <input type="button" onclick="loginComboboxName.combobox('clear')"
   value="clear" />
 </body>
</html>

  • 大小: 2.2 KB
分享到:
评论

相关推荐

    vb捕获combobox-edit-内容

    在标题“vb捕获combobox-edit-内容”中,重点是捕获用户在`ComboBox`编辑区(即文本框部分)输入的内容。这通常涉及到事件处理和数据验证。 `ComboBox`控件有两种模式:简单模式和下拉列表模式。在简单模式下,用户...

    combobox -- ASP.NET 2.0 AJAX Server Control

    This ComboBox is an ASP.NET 2.0 AJAX Server Control. Please find out functional list in latest release note.This ComboBox is an ASP.NET 2.0 AJAX Server Control. Please find out functional list in ...

    Dynamic combobox-listbox-drop-down using javascript

    在IT领域,动态创建下拉列表(如ComboBox、ListBox或Dropdown)是常见的需求,尤其是在网页交互设计中。本文将深入探讨如何使用JavaScript实现这样的功能,同时结合提供的`demo.html`文件进行实例解析。 动态创建...

    jquery-simple-combobox, 一个jQuery组合框( selectbox ) 插件.zip

    jquery-simple-combobox, 一个jQuery组合框( selectbox ) 插件 jQuery简单组合插件插件一个 jQuery combobox插件你可以将它用于自动完成( 搜索等) 。用法你可以在 index.html 中找到引用,并在这里查看 fiddles,以...

    前端项目-bootstrap-combobox.zip

    然后,你需要引入Combobox的CSS和JS文件,通常它们位于`bootstrap-combobox-master/dist`目录下。接着,对HTML元素应用`combobox`类,并通过`data-toggle="combobox"`属性激活插件功能。例如: ```html ...

    spreadjs中的combobox

    import CustomComboboxCellType from '@/spread/format-cells/custom-combobox-cell-type' var cellTypes = new NotaxComboboxCellType(this.voucherIsQrCode) var colInfos = [ { name: 'property', displayName...

    C#自定义控件--美化ComboBox源码-924.rar

    5. **扩展功能**:除了外观美化,还可以增加新的功能,比如搜索过滤、多选支持等。 6. **测试和调试**:完成编码后,需要在实际环境中测试控件,确保其功能完整且无误。 压缩包中的源码可能展示了上述部分或全部...

    C#自定义控件--美化ComboBox源码--201903

    5. **事件处理**:在自定义控件中,开发者可能会扩展一些新的事件,如选中项改变时触发的自定义事件,以便在代码中做出响应。 6. **性能优化**:在处理大量数据时,优化ComboBox的性能很重要。可能采用虚拟化技术,...

    comboBox简单示例

    QString selectedItem = comboBox-&gt;itemText(index); // 在这里处理选择变化的逻辑 } ``` 此外,`QComboBox`还支持从模型(如`QStringList`或`QStandardItemModel`)加载数据,这在处理大量数据时特别有用: ```...

    C#程序设计 COMBOBOX应用-省市选择

    在C#编程中,COMBOBOX控件是一个非常常见的组件,它用于在用户界面中提供一个下拉列表供用户选择。在这个"省市选择"的例子中,我们很可能会看到如何使用COMBOBOX来实现一个省市区级联选择的功能,这对于很多需要用户...

    VC++中的ComboBox

    使用`EnableWindow`函数可以控制ComboBox的启用或禁用状态,如`comboBox-&gt;EnableWindow(FALSE);`表示禁用。 7. **自定义项数据**: 每个列表项还可以关联自定义数据,使用`SetItemData`设置数据,`GetItemData`...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...

    QML-自定义ComboBox

    在本文中,我们将深入探讨如何在Qt环境中使用QML实现一个自定义的ComboBox组件。ComboBox在用户界面设计中是一个常见的控件,它提供了一个下拉列表供用户选择,通常用于有限的选项展示。通过自定义ComboBox,我们...

    combobox 下拉多选框带搜索功能

    5. **错误处理**:处理用户输入无效字符或搜索无结果的情况。 在实际开发中,这样的功能可能会结合HTML和CSS来完成界面布局和样式设计,以及利用Ajax或Fetch API进行异步数据获取。同时,考虑到跨浏览器兼容性和...

    在easyui-combobox多选模式下加入选择所有选项

    本文将深入探讨如何在EasyUI的Combobox组件中实现多选模式,并添加“选择所有”选项的功能。 Combobox是EasyUI中的一个下拉框组件,它结合了输入框和下拉列表的优点,常用于数据筛选或选择操作。在单选模式下,用户...

    ComboBox

    5. **方法调用**:提供ComboBox的方法,如清空所有选项(Clear)、获取选中项(GetSelectedItem)等,以及如何在代码中调用这些方法。 6. **样式与布局**:讲述如何调整ComboBox的外观,如字体、颜色、大小,以及在...

    Database History ComboBox-开源

    【标题】"Database History ComboBox-开源" 在IT领域,数据库历史组合框(Database History ComboBox)是一种用户界面组件,尤其在Delphi开发环境中常见。这个组件是专门为提高数据输入效率而设计的,它允许用户在...

    X-COMBOBOX

    **X-COMBOBOX:深度解析与应用** 在软件开发中,用户界面的设计至关重要,而控件的选择和使用则是界面设计的关键元素。X-COMBOBOX是一款被广泛应用于Windows应用程序中的高效、易用的组合框控件,它不仅具备基本的...

    C#自定义控件--美化ComboBox源码(十分经典)

    5. **资源管理**:为了保持代码的整洁,可以将图片、字体等资源文件存储在项目中,然后在代码中动态加载。 在美化ComboBox的过程中,我们可能会遇到一些挑战,例如: - **性能优化**:自定义绘制可能导致性能下降...

    C#自定义控件--美化ComboBox源码

    本主题聚焦于“美化ComboBox”这一自定义控件的实现,ComboBox是Windows Forms和WPF中常用的一个下拉列表控件,用于展示可选值。下面将详细介绍如何通过C#代码来美化ComboBox,使其更具吸引力和用户体验。 一、...

Global site tag (gtag.js) - Google Analytics