通过窗口句柄获取所有控件_JQuery EasyUI框架常用控件的使用说明

包括了基础控件、布局控件、菜单、按钮、菜单、表单控件、窗口控件、表格控件、树控件

一、基础控件

【1】拖动

创建方式：

1、HTML方式创建：class：通过class选择器，指定框架名； data-options：通过EasyUI框架自定义的属性data-options指定handle属性

<

2、JavaScript方式创建

-HTML代码

<

通过JavaScript创建控件

$

注意：JavaScript与HTML绑定的ID必须要 一 一对应

handle属性：开始拖动的句柄。就是只有按住Title这个DIV才可以拖动

【2】分页

创建方式：

1、HTML方式创建：

<div class="easyui-panel">
	<div class="easyui-pagination" data-options="total:114"></div>
</div>

2、JavaScript方式创建

--HTML声明代码

<

--Javscript代码

$

【3】搜索框

1、HTML方式创建：

<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
<input class="easyui-searchbox" data-options="prompt:'Please Input Value',menu:'#mm',searcher:doSearch" style="width:100%">
</div>
<div id="mm">
<div data-options="name:'all',iconCls:'icon-ok'">All News</div>
	<div data-options="name:'sports'">Sports News</div>
</div>
<script>
		function doSearch(value,name){
			alert('You input: ' + value+'('+name+')');
		}
</script>

2、JavaScript方式创建

--HTML DIV代码

<

--JavaScript创建控件

$

【4】提示框

1、HTML方式创建：

2、JavaScript方式创建

--HTML声明

--JavaScript创建控件

二、布局控件

【1】面板

创建方式：

1、HTML方式创建

2、JavaScript方式创建

【2】选项卡

1、HTML方式创建

【3】分类

1、HTML方式创建

三、表格控件和树控件

【1】数据表格DataGrid

1、HTML方式创建

2、JavaScript方式创建

【2】树tree