TextBox 英文文档

标签：

TextBox

Extend from $.fn.validatebox.defaults. Override defaults with $.fn.textbox.defaults.

The TextBox component is a enhanced input field that allows users build their form easily. It is the base component for building other complex components such as combo,datebox,spinner,etc.

Dependencies

• validatebox
• linkbutton

Usage Example

Create textbox from markup.

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

Create textbox by using javascript.

1. <input id="tb" type="text" style="width:300px">

1. $(‘#tb‘).textbox({
2. buttonText:‘Search‘,
3. iconCls:‘icon-man‘,
4. iconAlign:‘left‘
5. })

Properties

The properties extend from validatebox, below is the added properties for 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‘);
		}
	}]
})

Events

The events extend from validatebox, below is the added events for textbox.

Methods

The methods extend from validatebox, below is the added methods for textbox.

var t = $(‘#tt‘);
t.textbox(‘textbox‘).bind(‘keydown‘, function(e){
	if (e.keyCode == 13){	// when press ENTER key, accept the inputed value.
		t.textbox(‘setValue‘, $(this).val());
	}
});

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

原文：http://www.jeasyui.com/documentation/index.php#

TextBox 英文文档

标签：

原文地址：http://www.cnblogs.com/langtianya/p/4882047.html