zoukankan      html  css  js  c++  java
  • easyui-textbox

    转自:http://www.cnblogs.com/daviddeng/p/4368067.html

    TextBox

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

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

    依赖

    • validatebox
    • linkbutton

    实例

    html创建方式

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

    javascript创建方式

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

    属性

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

    NameTypeDescriptionDefault
    width number The width of the component. auto
    height number The height of the component. 22
    prompt string The prompt message to be displayed in input box. ''
    value string The default value.  
    type string The textbox type. Possible values are 'text' and 'password'. text
    multiline boolean Defines if this is a multiline textbox. false
    editable boolean Defines if user can type text directly into the field. true
    disabled boolean Defines if to disable the field. false
    readonly boolean Defines if the component is read-only. false
    icons array The icons attached to the textbox. Each item has the following properties:
    iconCls: string, the icon class.
    disabled: boolean, indicate if the icon is disabled.
    handler: function, the function to process the clicking action on this icon.

    Code example:

    $('#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');
    		}
    	}]
    })
    
    []
    iconCls string The background icon displayed on the textbox. null
    iconAlign string Position of the icons. Possible values are 'left','right'. right
    iconWidth number The icon width. 18
    buttonText string The displaying text of button that attached to the textbox.  
    buttonIcon string The displaying icon of button that attached to the textbox. null
    buttonAlign string Position of the button. Possible values are 'left','right'. right

    事件

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

    NameParametersDescription
    onChange newValue,oldValue Fires when the field value is changed.
    onResize width,height Fires when the textbox is resized.
    onClickButton none Fires when the user click the button.
    onClickIcon index Fires when the user click a icon.

    方法

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

    NameParameterDescription
    options none Return the options object.
    textbox none Return the textbox object.
    button none Return the button object.
    destroy none Destroy the textbox component.
    resize width Resize the component width.
    disable none Disable the component.
    enable none Enable the component.
    readonly mode Enable/Disable readonly mode.

    Code example:

    $('#tb').textbox('readonly');	// enable readonly mode
    $('#tb').textbox('readonly',true);	// eanble readonly mode
    $('#tb').textbox('readonly',false);	// disable readonly mode
    
    clear none Clear the component value.
    reset none Reset the component value.
    setText text Set the displaying text value.
    getText none Get the displaying text value.
    setValue value Set the component value.
    getValue none Get the component value.
    getIcon index Get specified icon object.

    FileBox

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

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

    依赖

    • textbox

    实例

    html创建方式

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

    javascript创建方式

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

    属性

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

    NameTypeDescriptionDefault
    buttonText string The displaying text of button that attached to the textbox. Choose File
    buttonIcon string The displaying icon of button that attached to the textbox. null
    buttonAlign string Position of the button. Possible values are 'left','right'. right

    事件

    事件拓展自 textbox.

    方法

    方法拓展自 textbox.

  • 相关阅读:
    函数指针与函数声明
    long和int的区别
    pthread_create传递参数
    C语言中的static 详细分析
    linux 读写锁应用实例
    linux使用读写锁pthread_rwlock_t
    linux的<pthread.h>
    时间:UTC时间、GMT时间、本地时间、Unix时间戳
    等号赋值与memcpy的效率问题
    单链表带头结点&不带头结点
  • 原文地址:https://www.cnblogs.com/sharpest/p/9955357.html
Copyright © 2011-2022 走看看