xworker.html.jqueryesayui.base.draggable
事物 draggable(draggable)

描述者：

MetaDescriptor3

thing

继承：

EasyUIThing

Override defaults with $.fn.draggable.defaults.

Usage Example

Create a draggable element from markup.

Create a draggable element using javascript.

axis

Defines the axis which the dragged elements moves on, available value is 'v' or 'h', when set to null will move across 'v' and 'h' direction.

cursor

The css cursor when dragging.

deltaX

The dragged element position x corresponding to current cursor

deltaY

The dragged element position y corresponding to current cursor

disabled

True to stop draggable.

edge

The drag width in which can start draggable.

generateDiv

是否先生成一个DIV。

handle

The handle that start the draggable.

id

对应的div的id属性值。

label

name

otherAttributes

一些其他属性，如：

onClick="javascript:void(0)" align="left"

proxy

A proxy element to be used when dragging, when set to 'clone', a clone element is used as proxy. If a function is specified, it must return a jQuery object.

The example below shows how to create a simple proxy object.

$('.dragitem').draggable({
	proxy: function(source){
		var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
		p.html($(source).html()).appendTo('body');
		return p;
	}
});

revert

If set to true, the element will return to its start position when dragging stops.

style

html的style属性，如：

width:100px;height:100px;

getClass

返回EsayUI的class名称，一般是easyui-draggable，其中draggable是事物名的小写。

getHtmlTag

一般EasyUi事物对应的html标签是div，如果有其他的，比如form中的元素，那么可能是input，则需要重载此方法。

toHtml

toJavaScriptCode

ExtJs

EXtjs组件。

FormLayout(表单布局)

 表单布局使用Table布局，表单布局认为子事物都含有标签和输入，因此表单布局默认。

HtmlTag

可以自定义简单的HTML标签。

JavaScript

作用

用于生成JavaScript代码片段，所有能够生成JavaScript代码片段的都应注册到此子事物下。

• toHtml
  如果放在一般的HTML事物节点下，那么生成一个<script type="javascript">的标签，然后把代码片段放到这个标签下。
   
• toJavaScriptCode
  如果放在其他JavaScript的节点下，那么只会调用toJavaScriptCode方法生成JavaScript代码片段。

JavaScript注册

所有能够生成 JavaScript代码的事物都应该注册到本事物下。

重载toHtml方法

如果一个事物继承了JavaScript并且只是用于生成JavaScript代码的，那么应该重载toHtml方法，返回在toHtml方法里返回null，可以使用NOOP动作。

XWRemoteSupport

提供打开窗口、打开TabItem等功能。

button(按钮)

checkBox(复选框)

code(代码)

可以直接编辑HTML的地方。

comboBox(下拉框)

dateInput(日期输入)

diagram(图表)

div

简单的div标签。

form(表单)

grid(数据格)

hidden(隐藏输入)

隐藏字段。

htmlCode(HTML代码)

通过XWorker内置的HTML编辑器编写HTML代码。

label(标签)

list(列表)

menu(菜单)

onBeforeDrag

Fires before dragging, return false to cancel this dragging.

onDrag

Fires during dragging. Return false will not do dragging actually.

onStartDrag

Fires when the target object start dragging.

onStopDrag

Fires when the dragging stops.

password(密码框)

proxy

A proxy element to be used when dragging, when set to 'clone', a clone element is used as proxy. If a function is specified, it must return a jQuery object.

The example below shows how to create a simple proxy object.

$('.dragitem').draggable({
	proxy: function(source){
		var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
		p.html($(source).html()).appendTo('body');
		return p;
	}
});

radioButton(选项按钮)

span

简单的span标签。

table(表格)

textArea(文本区)

textField(文本框)

yui-ext