万普插件库

当切换datagrid视图到"detailview"时，用户可以展开一行来显示该行下面的任何详细信息。此功能允许用户为放置在行详细信息面板中的编辑表单提供恰当的布局。在本教程中，我们使用DataGrid组件来减少编辑表单所占用的空间。

Step 1：在HTML标记中创建DataGrid

树形网格组件从数据网格中继承，但是允许在行之间存在父/子节点关系。许多属性继承至数据网格，可以用在树形网格中。为了使用树形网格，用户必须定义 'treeField' 属性，指明哪个字段作为树节点。

本教程将向您展示如何使用树形网格组件设置一个文件夹进行浏览。

创建树形网格

jQuery EasyUI最新版下载>

本教程中涉及的示例演示了如何从服务器端加载数据，如何添加分页组件到数据网格中。

创建数据网格

想要从远程服务器端加载数据，首先你应该设置“URL”属性，服务器端会返回JSON格式的数据。查看数据文档可获得更多的数据格式信息。

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件，助您打造适合当今网络的应用程序。

基本的数据网格

本示例主要为大家展示了基本的数据网格，数据网格由标记创建的，不需要JavaScript代码。【附源代码供大家参考】

从表格中转换数据网格

jQuery EasyUI最新版下载>

本教程主要为大家展示如何使用jQuery EasyUI创建一个菜单按钮。菜单按钮包含了一个按钮和菜单组件，当点击或将鼠标移动到该按钮上时，相应的菜单就会显示。

想要定义一个菜单按钮，首先你应该先定义一个链接按钮和一个菜单，下面是一个示例：

EditHelp

最新消息：jQuery用户界面开发框架jQuery EasyUI 1.4发布。此次更新修复了两个bug，对菜单、Combo等控件作了多处改进，用户体验上会有进一步提升。下面是详细更新内容：

修复的Bug：

• menu: 删除菜单项时高度不正常
• datagrid: 当datarid宽度太小时'fitColumns'方法无法正常使用

与javaScript相比，Jquery更简洁。浏览器的兼容性更强，语法更灵活，对xpath的支持更强大。一个$符就可以遍历文档中各级元素。
例：在页面上有一个无序列表，我们需要将所有列表项中的文本内容提取出来并显示。

 1 //javascript代码
 2 <script type = "text/javascript">
 3     var listTimes = document.getElementByTagName("li");
 4     var str = "";
 5     for(var i = 0; i < listTimes.length; i++){
 6         str += listTimes[i].firstChild.nodeValue;
 7         alert(str);
 8     }    
 9 </script>
10 //jquery代码
11 <script type = "text/javascript">
12     $(function{
13         alert($("li").text);
14     }); 
15 </script>

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。

转载链接：https://www.jianshu.com/p/91416e11f012

在说如何实现通信之前，我们先来建两个组件father.vue和child.vue作为示例的基础。

大家好，很高兴又见面了，我是"