easyui editor combobox multiple

$.extend($.fn.datagrid.defaults.editors,{

combobox: {

init: function(container, options){

var combo = $(‘<input type="text">‘).appendTo(container);

combo.combobox(options || {});

return combo;

},

destroy: function(target){

$(target).combobox(‘destroy‘);

},

getValue: function(target){

var opts = $(target).combobox(‘options‘);

if (opts.multiple){

return $(target).combobox(‘getValues‘).join(opts.separator);

} else {

return $(target).combobox(‘getValue‘);

}

},

setValue: function(target, value){

var opts = $(target).combobox(‘options‘);

if (opts.multiple){

if (value == ‘‘){

$(target).combobox(‘clear‘);

} else {

$(target).combobox(‘setValues‘, value.split(opts.separator));

}

} else {

$(target).combobox(‘setValue‘, value);

}

},

resize: function(target, width){

$(target).combobox(‘resize‘, width)

}

}

});

时间: 2024-08-27 14:21:04

easyui editor combobox multiple的相关文章

easyui datagrid checkbox multiple columns have been done do

lengku1987 2013-01-06 22:27:47 Sponsored Links easyui datagrid checkbox multiple columns have been done do? it is not possible to do ah. Sponsored Links xuan0751 2013-01-06 23:07:28 multiple columns with checkbox? jerryflex 2013-01-06 23:28:34 ah how

利用easyUI的combobox打造自动提示组件

自动提示是时下一个很流行的功能,比如说百度.谷歌的搜索输入框都使用到了这么一个功能. 由于easyUI的combobox设计师已经考虑到了这个功能,所以只需简单几步我们可以轻松打造自己的自动提示组件. 自动提示有两种模式,一种是本地(local)一种是远程的(remote). local的意思也就是说先将所有的数据都加载到客户端页面,之后仅仅是在这些已加载的数据中去过滤,不会向服务器发出额外的请求 而remote呢,也就是说事先并不加载所有数据,而是等到用户输入关键字之后,再向服务器发出请求,返

利用easyUI的combobox打造自己主动提示组件

自己主动提示是时下一个非常流行的功能,比方说百度.谷歌的搜索输入框都使用到了这么一个功能. 因为easyUI的combobox设计师已经考虑到了这个功能.所以仅仅需简单几步我们能够轻松打造自己的自己主动提示组件. 自己主动提示有两种模式,一种是本地(local)一种是远程的(remote). local的意思也就是说先将全部的数据都载入到client页面,之后不过在这些已载入的数据中去过滤,不会向server发出额外的请求 而remote呢,也就是说事先并不载入全部数据.而是等到用户输入keyw

使用EasyUI的combobox控件实现级联搜索条件

昨天接到一个需求,是做一个简单的查询页面,相对于目前公司系统有一个新的东西,需要实现多级机构的级联查询.公司系统的前端框架采用的是jquery-easyui-1.4.3, 在以前接触到的系统中,前端做的不是太多,有采用velocity+html的,实现这种级联倒是做过,只是没怎么记录.现在使用easyui,需要学习一下. 看了些关于easyui的东东,打算采用combobox的input来实现这个级联查询功能. 首先,combobox 实现 动态加载 选项的方法有: reload(url)  .

easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库"字段,并且在下拉的时候,"全部数据库"一直排在最顶部. 初始化效果如下: 下拉之后的效果如下: 实现方式: easyui的combobox有一个loader属性,easyui的API对loader属性说明如下: easyui的combobox有一个onLoadSuccess事件,eas

vs2013+MVC3.0+EasyUI的ComboBox联动使用(二)

?? vs2013+MVC3.0+EasyUI的ComboBox联动使用(二) 简单介绍:在vs2013(.net4.0)中使用MVC3.0对于EasyUI中ComboBox的联动使用. 载入ComboBox数据,而且实现联动效果, 本文将採用EasyUI中的Date控件与ComboBox实现联动效果,如图: ----------------------------------------------------------------------------------------------

EasyUI combogrid/combobox过滤时限制只能选择现有项

EasyUI combogrid/combobox过滤时限制只能选择现有项,有需要的朋友可以参考下. 在使用EasyUI的combogrid时可以通过输入进行过滤,达到快速选择的目的,但是手工输入不存在的项也不会出错,结果提交到数据库后就会产生错误. 比如idField是int型的,输入的数据通过是检索textField,并非int型,无法提交到后台. 如果直接禁止输入,在选项多的时候就很难快速选择了. 现在的解决方案是通过多个事件来判断是否输入了不存在的项目: $("#artName"

easyui datagrid editor combobox添加空选则清空combobox框

<script type='text/javascript'> var editIndex = undefined; $(function() { $('#tb1').datagrid({ url:'CourseTeachersSave.aspx?opt=GetDatagridData&xnxq='+$('#hiddenXnxq').val()+'&synj='+$('#hiddenSynj').val()+'&bh='+$('#hiddenBh').val(), wi

easyui combotree combobox 使用例子

一:引入easyui 二:使用例子 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="Resurces/themes/easyui.css" rel="stylesheet" /> <link href="Resur