手机版

基于jQuery下拉选择框的插件 支持单选和多选的功能代码

时间:2021-10-28 来源:互联网 编辑:宝哥软件园 浏览:

由于近期项目的需要,需要做一个下拉选择框的插件,支持表单数据的单选显示和表单数据的多选显示。该插件主要使用jQuery、jqgrid和easyui。

让我们给你看看下面的效果图。如果觉得不错,请参考实现代码:

多选:当前列表。

具体代码如下:

/* * *下拉框插件-选择列表*调用插件的方法和格式:* 1。首先,您需要创建一个div面板,并为div * 2定义ID。在需要的地方调用插件:*参数描述:* $ ('# divID ')。在下拉框中选择加载数据的列表({* query _ url: URL),指定你写的控制器的地址。如果URL为空,则使用插件提供的默认URL * divID:divID * sidx:排序字段和默认罪犯编号* sord:排序类型。默认desc * post data : post data : { filter s : JSON。Stringify (filters)}自定义查询条件*过滤器的格式如下* var rules=[];rules . push({ ' field ' : ' gydwName ',' op':'cn ',' data ' : ' xxxx ' });var filters={'groupOp':'AND ',' rules ' : rules };IsMultiselect:如果做了多个选择,默认选择为false * *}) * */(函数($){ $ . fn . extend({选择列表:函数(选项){//生成随机数varrandom=math . floor(math . random()* 100000 ^ 1);/* * *用户定义的参数,其中属性需要直接使用:customparams。属性名*/var custom params={ resultobj 3360 }。//单次选择后存储数据,返回给外部调用者使用结果列表obj3360nnewmap()。//多选后存储数据,返回给外部调用者使用currenttag3360this。//当前标记对象是formid:' form _' random,chooseid: ' sel ' ' _ ' random。//下拉选择框的id grid id:' grid'' _' random,datagrid的id pager:' pager'' _' random,//分页id countow 33600//计数行号默认为0 };/* * *参数和默认值*/vardefaults={ _ search : ' false '。//如果没有传入url,则使用默认url进行查询。query _ url3360contextpath'选择criminal ',sidx:' BH ',//对字段进行排序。根据罪犯编号bhsord:' desc '默认,//排序类型:升序和降序,默认降序为isMultiselect:false,//,//是否选择多项,默认单项选择};/* * *加载静默参数和后代参数对象*/varoptions=$。扩展(默认值、选项);/* * *解析加载参数* @param query_url请求的地址* @param标志标识是第一次加载表还是模糊查询加载表数据*/var bind params=function(query _ URL){ var params=' ';//存储分辨率。

版权声明:基于jQuery下拉选择框的插件 支持单选和多选的功能代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。