jQuery Editable Combobox

授权协议 未知
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery表单及相关
软件类型 开源软件
地区 不详
投 递 者 扶珂
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

What is it?

jQuery Editable Combobox is a jQuery function that allows you to transform any <select> tag into editable combobox.
This is done by adding a new <option> element to carry the value entered by the keyboard. This will only work on select elements. Any other elements this function will be applied to will be ignored.

How to use it?

Just import plugin file after importing the jQuery library and you're set.

Syntax:

$(elements).editableCombobox([options])

Parameters:

  • object options - plugin specific options

Options:

  • int position - index of editable option to be inserted in select (default 0)
  • string|array classes - additional CSS classes to be added to editable option element (default '')
  • object styles - additional CSS properties to be set for editable option element (default '')
  • string pluginClass - name of plugin class, should be overwritten only if default plugin class is in use (default: 'jecEditableOption')
  • array ignoredKeys - ignored keycodes
  • array acceptedRanges - accepted key ranges
  • 之前尝试combobox多选的模糊过滤的时候陷入了思维误区,以为jquery自定义了特殊的过滤方法在本身的js中,而filter方法与其冲突。其实combobox的默认过滤也是基于filter实现的,只是默认的时候是以combobox的文本内容过滤。 下面是一个combobox实现多选的完美示例: var diseaseList = []; $CommonUI.getComboBox("#dise

  • 首先引入相关js 和css <link href="css/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="css/themes/icon.css" rel="stylesheet" type="text/css" /> <script src="jq/jquery.min.

  • 首先需要引入jquery easyUI的包,就下面这两个包,自己从网上下载。 1.前端代码 <select name="profitsGroup" id="cc" class="easyui-combobox" editable="false" style="height: 30px;width:315px; color: black;"> </select> $('#cc').combob

  • var initSingle=function(){     $("#enableFlag").combobox({         editable: false,         width: 140,         valueField: 'value',         textField: 'label',         panelHeight:'100',         data

  • var dataArr =new Array(); var dataObj = new Object(); dataObj.dictcode = ''; dataObj.dictname = '全部'; dataArr.push(dataObj); for(var j = 0; j < obj.result.length; j++ ){ dataObj = new Object();

  • 背景 要实现的效果:编辑表格中的一行数据:先选中一行数据,然后点击编辑弹出框中可以显示选中行的内容然后再让用户进行修改。 限制条件:弹出框中的combobox提交的时候必须获取combobox的id而不是下拉框的显示值,但是表格中不存在这个ID 分析 要解决这个问题,首先选中行必须包含你要绑定的字段,但是还不可以在表格中显示出来。然后把选中行的值赋给combobox。 关键代码 //隐藏表格的一列

  • js源码 /** * 学院-专业-班级 */ $(function(){ var department_json = []; var profession_json = []; $('#department').combobox({ multiple: true, editable: false, prompt : '请选择学院', icons: [ { iconC

  • $(function(){ var provinceId = $('#provinceId').combobox({ url:'${pageContext.request.contextPath}/region/province/json.htm', editable:false, valueField:'id

  • 1、jsp/js文件: <select id="cc" class="easyui-combogrid" name="saleMan.id" style="width:200px;border:0;"       data-options="      panelWidth:550,      value:'${order.saleMan.id }',      idField:'id',    

  • 本例子用zendframework2实现的 //获取权限数据 function getpowerAction() { $this->_helper->layout->disableLayout(); $this->_helper->viewRenderer->setNoRender();//传json加入这句 $id = $this->_request->getParam(

  •   $("#select_Dic").combobox({                         url: "http://www.cnblogs.com/Ajax/sys/WebServiceBase.ashx?Method=GetRefItems", //获取所有私有域                         valueField: "Code",              

  • jquery easyui请选择全部combocombobox 扩展版本1.2.2: 1、首先在上面添加一段用来显示默认文字的代码。 位置在 复制代码 代码示例: var _5c8=$("").appendTo(span);之前加上 $("").appendTo(span); 2、样式: 复制代码 代码示例: .combo-defaultText{ float:left; position:abs

  • 打开jquery.easyui.min.js, 给combo控件添加了一个input事件绑定,具体绑定的格式源代码就有,每个版本可能不同,不过应该都可以这么着: 在源文件中搜索“if(opts.editable){”,在其“}”前面加上绑定事件, 绑定的内容就是把“{}”中源代码复制进去, 绑定对象是其中一句“var q=_66c.val();”的“_66c”。 我添加的代码是: /**解决jQu

相关阅读

相关文章

相关问答

相关文档