jquery中EasyUI使用技巧小结

 更新时间:2015年02月10日 09:03:23   投稿:hebedich  
这篇文章主要介绍了jquery中EasyUI使用技巧小结,都是些个人经验,分享给大家,需要的朋友可以参考下

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();
            }
        });
    }
});

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

您可能感兴趣的文章:

相关文章

  • 基于Jquery实现的一个图片滚动切换

    基于Jquery实现的一个图片滚动切换

    很多效果还是要封装成插件才好,这里只是给大家个效果参考。对像我这种新手应该还是有帮助的吧
    2012-06-06
  • jquery插件orbit.js实现图片折叠轮换特效

    jquery插件orbit.js实现图片折叠轮换特效

    Orbit是一个设计良好并且容易使用的jQuery图片滑动幻灯片插件,它除了支持图片滚动切换展示外,还支持针对内容的滚动。插件的定制性相当高,它提供了多个参数的设置,通过设置你可以将它打造成完全符合你要求的样式。
    2015-04-04
  • jQuery学习笔记之jQuery动画效果

    jQuery学习笔记之jQuery动画效果

    本次学习分为两个文件的测试,第一个是基本动画,第二个是滑动和透明动画效果,分别如下
    2013-09-09
  • jquery实现侧边弹出的垂直导航

    jquery实现侧边弹出的垂直导航

    这篇文章主要介绍了jquery动画特效结合css实现侧边弹出的垂直导航的方法及代码分享,需要的朋友可以参考下
    2014-12-12
  • jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    很多App中,新闻或者展示类都存在下拉刷新和上拉加载的效果,如何实现上拉刷新下拉加载更多页面的呢?下面小编通过下面内容给大家介绍jQuery模拟原生态App上拉刷新下拉加载更多页面及原理,需要的朋友可以参考下
    2015-08-08
  • jQuery中DOM操作实例分析

    jQuery中DOM操作实例分析

    这篇文章主要介绍了jQuery中DOM操作方法,实例分析了dom对象的创建、属性的修改、样式的修改、动态绑定事件等技巧,需要的朋友可以参考下
    2015-01-01
  • 读jQuery之六 缓存数据功能介绍

    读jQuery之六 缓存数据功能介绍

    读jQuery之六 缓存数据功能介绍,学习jquery的朋友可以参考下。
    2011-06-06
  • jquery Validation表单验证使用详解

    jquery Validation表单验证使用详解

    功能强大的 jquery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
    2015-04-04
  • jQuery+AJAX实现网页无刷新上传

    jQuery+AJAX实现网页无刷新上传

    这篇文章主要介绍了jQuery+AJAX实现网页无刷新上传的相关资料,十分详细,需要的朋友可以参考下
    2015-02-02
  • jquery操作HTML5 的data-*的用法实例分享

    jquery操作HTML5 的data-*的用法实例分享

    从jQuery 1.4.3起, HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。也就是说虽然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3库以上的.还是可以 在非HTML5的页面或浏览器里, 仍然可以使用.data(obj)方法来操作"data-*" 数据.
    2014-08-08

最新评论