Easyui的常用控件使用方法

发表于 更新于

获取combobox选中的值,文本

1
2
$('#com').combobox('getValue') //获取当前选中的值
$('#com').combobox('getText') //获取当前选中的文字

combotree设置默认值

1
$('#combotree').combotree('setValue',value);

禁用与启用combobox

1
2
$('#combobox').combobox('disable',true)
$('#combobox').combobox('enable')

combobox的隐藏与显示

1
2
$('#combobox + .combo').hide()
$('#combobox + .combo').show()

获取textarea的值

1
$('#textarea').val()

禁用与启用textarea

1
2
document.getElementById('textarea').disabled=true;
document.getElementById('textarea').disabled=false

获取textbox的值

1
$('#textbox').val()

禁用与启用textbox

1
2
$('#textbox').textbox('disable',true)
$('#textbox').textbox('enable')

linkbutton的禁用与启用

1
2
$('#linkbutton').linkbutton('disable');
$('#linkbutton').linkbutton('enable');

form的清空

1
$('#form').form('clear');

禁用整个form里面的输入框

1
2
$("#Form :input").attr("readonly", "readonly");
$("input").attr("readonly", "readonly");

validatebox的禁用与启用

前两种适用于单个的validatebox;

1
2
3
4
$("#id").attr("readonly", true); 
$("#id").removeAttr("readonly");
$("#id").attr("readonly", "readonly"); 
$("#id").removeAttr("readonly");

清空validatebox的值

1
$('#id').val("")

datebox禁用启用方法

1
2
$("#datebox").datebox('disable'); 
$("#datebox").datebox('enable');

datetimebox禁用启用方法

1
2
$("#datetimebox").datetimebox('disable');
$('#datetimebox').datatimebox('enable');

TextArea禁止拉动拖动改变大小

  1. 彻底禁用拖动:在sytle中添加resize:none
  2. 固定大小,右下角拖动图标依然存在
    1
    2
    3
    4
    width: x
    maxwidth: y
    height: mx
    maxheight: my