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

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

赞 (0)

相关推荐

  • jQuery EasyUI开发技巧总结

    jQuery EasyUI开发技巧总结 1.使用tabs时,如果使用的不是url,而是content,则要嵌入iframe addTab({ title:node.text, closeable:true, content:'<iframe src="'+url+'" frameborder="0" style="border:0;width:100%;height:99%"></iframe> }); 1)外部调用ifr

  • jquery中EasyUI使用技巧小结

    combobox组件 一.禁用combobox里面的输入框 复制代码 代码如下: $("选择器").combo('textbox').attr("readonly", "readonly"); $('选择器').combobox({ editable:false ,     panelheight:300 }); 二.禁用 复制代码 代码如下: $('选择器').combobox('disable'); 三.获取选项文本和值 复制代码 代码如下:

  • jQuery源码分析之jQuery中的循环技巧详解

    jQuery的源码中有很多值得学习借鉴的技巧,本文即收集了jQuery中出现的各种遍历技巧和场景.具体分析如下: // 简单的for-in(事件) for ( type in events ) { } // 缓存length属性,避免每次都去查找length属性,稍微提升遍历速度 // 但是如果遍历HTMLCollection时,性能提升非常明显,因为每次访问HTMLCollection的属性,HTMLCollection都会内部匹配一次所有的节点 for ( var j = 0, l = ha

  • jQuery中Dom的基本操作小结

    jquery中各个节点的基本操作 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><meta http-equiv=

  • jQuery中调用WebService方法小结

    jQuery中调用WebService方法小结

    个人感觉有两点是比较方便的:第一,在对WebService做ajax请求的时候,请求的url的写法是:服务地址/调用的方法名称,这样在请求的url中就确定了要调用的方法了,不必再在WebService代码中去判断ajax请求调用的是哪个方法了.第二,方法可以返回更多的数据类型,比如对象,泛型集合等:在ajax请求返回后,会自动将这些类型转换为json对象.而使用ashx的方式的话,需要先将这些类型转换为json格式的数据才能返回. 在使用jQuery调用WebService的方法的时候,只能发送

  • jquery中EasyUI实现同步树

    在JS中,将显示树的url地址写成control的地址即可. control: 复制代码 代码如下: @RequestMapping(value = "/tree")  public void tree(HttpServletRequest request, HttpServletResponse response) throws IOException {   this.writeJson(response, bookService.getTree());  } dao: 复制代码

  • Jquery中Event对象属性小结

    JS的Event对象是触发事件的时候传递给事件处理函数的一个对象,这个对象中存在触发事件的基本信息.如:触发事件的事件源.键盘码(如果存在)等基本信息. 1.通过event.type获取事件的类型 复制代码 代码如下: <script> $(function(){     $("a").click(function(event) {       alert(event.type);//获取事件类型       //return false;//阻止链接跳转       ev

  • Linux中你不知道的使用技巧小结

    Linux中你不知道的使用技巧小结

    一.快速跳转命令 一 z 要是每次都要进入一个目录很深的文件夹下,像下面这样: # cd /root/py/auto/fabric 每次都要输入好多个目录名是不是很烦躁,下面有一个非常方便的操作可以取代它 一 z 命令: 你只需要把源码复制到用户目录下的 z.sh 文件,然后在 .bashrc 这个文件的最后添加 "source /path/to/z.sh",最后使用: # source z.sh 或者 # . .bashrc 就可以生效了,要跳转到一个目录,直接使用 z + 目录名(

  • jquery中EasyUI实现异步树

    前台使用EasyUI实现 . EasyUI向后台传递一个id参数 . 第一次加载 , 向后台传递的id为null . 之后每次将树节点展开 , 会向后台传递一个当前节点的 id . Control层 : 复制代码 代码如下: /**   * tree   */  @RequestMapping(value = "/tree.do")  public void mytree(HttpServletResponse response, String id) {   this.writeJs

  • jQuery中 attr() 方法使用小结

    定义和用法 attr() 方法设置或返回被选元素的属性值. 根据该方法不同的参数,其工作方式也有所差异. 实例1 设置被选元素的属性和值. <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).re

  • jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法.分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们就可以使用以下方法来实现. 具体实现代码如下所示: function getTabWindow() { var curTabWin = null; var curTab = parent.$('#main-center').tabs('getSelected

随机推荐