当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery中EasyUI使用技巧小结

jquery中EasyUI使用技巧小结

2019年03月31日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网