现在的位置: 首页 > easyui > Form > combo > 正文
小 中 大
combo扩展:让combo点击文本框也能显示下拉面板
2013年01月05日 ⁄ combo ⁄ 共 1014字 ⁄ 暂无评论 ⁄ 被围观 7,378 views+
文章目录
[隐藏]

该功能原来是集成在combo扩展:禁止手工改变输入框的值这篇文章里面的，但是"禁用combo功能"和“点击文本框也能显示下拉面板功能”实在是分马牛不相及，为了语义明确，把这个功能剥离出来了。

实现代码:

  1. $.extend($.fn.combo.methods, {   
  2.     /**
  3.      * 激活点击文本框也显示下拉面板的功能  
  4.      * @param {Object} jq  
  5.      */  
  6.     activeTextArrow : function(jq) {   
  7.         return jq.each(function() {   
  8.             var textbox = $(this).combo("textbox");   
  9.             var that = this;   
  10.             var panel = $(this).combo("panel");   
  11.             textbox.bind('click.mycombo', function() {   
  12.                 if (panel.is(":visible")) {   
  13.                     $(that).combo('hidePanel');   
  14.                 } else {   
  15.                     $("div.combo-panel").panel("close");   
  16.                     $(that).combo('showPanel');   
  17.                 }   
  18.             });   
  19.         });   
  20.     },   
  21.     /**
  22.      * 取消点击文本框也显示下拉面板的功能  
  23.      * @param {Object} jq  
  24.      */  
  25.     inactiveTextArrow : function(jq) {   
  26.         return jq.each(function() {   
  27.             var textbox = $(this).combo("textbox");   
  28.             textbox.unbind('click.mycombo');   
  29.         });   
  30.     }   
  31. });  
返回

作者:

【上篇】
【下篇】

您可能还会对这些文章感兴趣！

  1. 扩展的validatebox校验规则跑哪里去了
  2. combo组件点击控件之外区域时不能触发onHidePanel问题
  3. jQuery Easyui 源码分析之combo组件
  4. combo扩展:禁止手工改变输入框的值
可编辑表格使用经验分享(持续更新)
Easyui panel tools(工具条)不能重用问题
Javascript数据类型
jQuery Easyui 源码分析之combobox组件

给我留言

留言无头像?


插入图片

返回首页

Copyright © 2012-2017 WebUI框架使用参考  保留所有权利.   Theme by Robin
×