TextBox

扩展自 $.fn.validatebox.defaults. 重写 $.fn.textbox.defaults.

TextBox 是加强的输入控件，使我们建设表单更加快捷. 是一些复杂控件的基础控件，比如 combo,datebox,spinner,等等.

id="iframe_0.6925237942934468" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://www.jeasyui.com/documentation/images/textbox.png?_=4368067%22%20style=%22border:none;max-width:848px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.6925237942934468',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="margin: 0px; padding: 0px; border-width: initial; border-style: none; width: 292px; height: 113px;">

依赖

• validatebox
• linkbutton

实例

html创建方式

<input class="easyui-textbox" data-options="iconCls:'icon-search'" style="width:300px"> 

javascript创建方式

<input id="tb" type="text" style="width:300px">
$('#tb').textbox({ buttonText:'Search', iconCls:'icon-man', iconAlign:'left'
}) 

属性

属性拓展自 validatebox 控件，下面是textbox新添加的属性:

$('#tb').textbox({icons: [{iconCls:'icon-add',handler: function(e){$(e.data.target).textbox('setValue', 'Something added!');}},{iconCls:'icon-remove',handler: function(e){$(e.data.target).textbox('clear');}}]
})

事件

事件拓展自 validatebox 控件，下面是textbox新添加的事件:

方法

方法拓展自 validatebox 控件，下面是textbox新添加的方法:

$('#tb').textbox('readonly');    // enable readonly mode
$('#tb').textbox('readonly',true);  // eanble readonly mode
$('#tb').textbox('readonly',false); // disable readonly mode

FileBox

拓展自 $.fn.textbox.defaults. 重写 $.fn.filebox.defaults.

由于浏览器安全问题, 一些方法 比如 'setValue' 不能使用filebox 组件.

id="iframe_0.46444635703829973" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22http://www.jeasyui.com/documentation/images/filebox.png?_=4368067%22%20style=%22border:none;max-width:848px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.46444635703829973',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="margin: 0px; padding: 0px; border-width: initial; border-style: none; width: 414px; height: 41px;">

依赖

• textbox

实例

html创建方式

<input class="easyui-filebox" style="width:300px"> 

javascript创建方式

<input id="fb" type="text" style="width:300px">
$('#fb').filebox({ buttonText: 'Choose File', buttonAlign: 'left'
}) 

属性

属性拓展自 textbox, 下面是 filebox新增属性.

事件

事件拓展自 textbox.

方法

方法拓展自 textbox.