现在的位置: 首页 > easyui > Form > combo > 正文
combo扩展:让combo点击文本框也能显示下拉面板
2013年01月05日 combo ⁄ 共 1014字 暂无评论 ⁄ 被围观 5,626 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. });  

给我留言

留言无头像?


×