数据网格经常需要合并多个单元格，本教程将教会您在数据网格中如何合并单元格。

合并数据网格的单元格，您只需要简单地调用'mergeCells'方法并传入合并信息参数，告诉数据网格如何合并单元格。在合并的单元格中，除了第一个单元格以外，其他的单元格在合并后会被隐藏。

创建数据网格

<table id="tt" title="Merge Cells" style="width:550px;height:250px"
url="data/datagrid_data.json"
singleSelect="true" iconCls="icon-save" rownumbers="true"
idField="itemid" pagination="true">
<thead frozen="true">
<tr>
<th field="productid" width="80" formatter="formatProduct">Product ID</th>
<th field="itemid" width="100">Item ID</th>
</tr>
</thead>
<thead>
<tr>
<th colspan="2">Price</th>
<th rowspan="2" field="attr1" width="150">Attribute</th>
<th rowspan="2" field="status" width="60" align="center">Stauts</th>
</tr>
<tr>
<th field="listprice" width="80" align="right">List Price</th>
<th field="unitcost" width="80" align="right">Unit Cost</th>
</tr>
</thead>
</table>

jQuery EasyUI最新试用版免费下载>

数据网格的工具栏不仅可以包含按钮，还能包含任何其他组件。用户可以通过已存在的div标签轻松定义工具栏布局，该div标签将成为数据网格工具栏的内容。本教程将向您展示如何为数据网格组件创建复杂的工具栏。

创建工具栏

创建数据网格

jQuery的介绍

学习目标

1、为了防止全局变量污染，把 jQuery 的代码写在一个自调函数中。

2、咱们平常使用的$实际上 jQuery 对外暴露的一个工厂函数。

有时为了节省不想手动操作网页，但又想看到用户操作时的效果，可以用到jQuery提供的trigger方法。见下图代码

在不点击按钮时仍然想弹出this.value

我们只需要在后面加上.trigger("事件名称")就可以在不点击按钮的情形下看到用户点击按钮时看到的效果。这种方法的简写方法是用.事件名称代替trigger("事件名称")，这种简写方法只适用于系统时间。

另外一种模拟方法是.triggerHandler,这种方法是基于.trigger的，只是增加了一些细节

jQuery

• jQuery 是一个前端库，也是一个方法库
• 他里面封装着一些列的方法供我们使用
• 我们常用的一些方法它里面都有，我们可以直接拿来使用就行了
• jQuery 之所以好用，很多人愿意使用，是因为它的几个优点太强大了

1. 优质的选择器和筛选器
2. 好用的隐式迭代

随着Web前端技术的不断发展，互联网上诞生了很多优秀的JavaScript框架，这些框架基本上都封装了JavaScript、DOM和Ajax等操作的功能，为开发人员提供了更加快捷、强大的开发方式。常见的JavaScript框架有jQuery、Prototype、ExtJS和等。

加载在线版的 jquery 文件地址

<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.slim.min.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
//......
</script>

1 jQuery操作

1.1 引入jQuery

要使用jQueryjavascript库，只需要将jQuery 对应的“jquery-x.x.js”脚本文件引入到页面中即可。

开发人员构建网站都希望能够给用户最好的体验。如今，网上有许多工具可以帮助开发人员提高网站的用户体验！就目前的趋势而言，jQuery插件是最好的工具，它能充分的利用JavaScript的优势，给网站的用户最好的浏览体验。今天，我们为大家收集了排名前7位的免费jQuery插件，还在等什么，一起来看看吧！

Animate Scroll.js是一个简单的jQuery插件，它用来为滚动增加延迟效果。同时你还可以自定义滚动样式（30多种滚动效果）和滚动速度，还有一个可以操纵”滚动结束位置”的”padding”选项。这个插件不局限于整个页面，某个特定的包裹元素也可以作为其目标。