jQuery技术

jquery中EasyUI使用技巧小结

字号+ 作者:H5之家 来源:H5之家 2016-01-21 08:00 我要评论( )

combobox组件 一、禁用combobox里面的输入框 代码如下: $(

combobox组件

一、禁用combobox里面的输入框

代码如下:
$("选择器").combo('textbox').attr("readonly", "readonly");
$('选择器').combobox({
  editable:false ,
    panelheight:300
});

二、禁用

代码如下:
  $('选择器').combobox('disable');

三、获取选项文本和值

代码如下:
$("选择器").combobox("getText")//获取选项文本
$("选择器").combobox("getValue")//获取选项值

四、聚焦自动展开,回车do someting

代码如下:
$("选择器").focus(function () {
    $(this).combo('showPanel');
    $(this).combo('textbox').focus();
    $($(this).combo('textbox')).unbind("keyup").bind("keyup", function (e) {
        if (e.keyCode == 13) {

            //do someting
        }
    });
});

二、弹出层弹出时默认第一个按钮有焦点按回车键可以执行相应函数后关闭,但在cs程序中使用webbrowser显示后不可用了。

所以有了下面方法,监听body  keyup事件,不同的是按钮有没焦点都能激发点击事件,这样也更像模态窗口。(此方法如果在弹出窗口中操作按回车会关闭,不可取)

代码如下:
$('body').live('keyup',function(e){
    if(e.keyCode == 13){
        $('.window').map(function(){
            if($(this).css('display') == 'block'){
                $(this).find('.messager-button').children("a:first").click();
                $(this).find('.dialog-button').children("a:first").click();
            }
        });
    }
});

注:看到很多网友写相关文章,也用上了,感觉上了贼船,好慢。页面加载时有两秒左右全白(只是引用库文件),那么多人用性能应该还可以吧。望大牛指点一二。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评