1，关于go-admin

想开发一个使用golang 用的管理后端，发现还是使用beego开发方便。 每个框架都有自己适合的地方。 现在很多项目都在使用 api + vue 前后端分离的方式进行开发，微服务的方式开发。 但是也有些场景可以使用 刷新页面的方式开发。节约时间成本。

当在一个应用中使用树（Tree）插件，拖拽（drag）和放置（drop）功能要求允许用户改变节点位置。启用拖拽（drag）和放置（drop）操作，所有您需要做的就是把树（Tree）插件的 'dnd' 属性设置为 true。

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

本教程演示了如何冻结一些列，当用户在网格上水平移动滚动条时，冻结列不能滚动到视图的外部。

想要定义冻结列，首先您应该定义frozenColumns属性。frozenColumn属性和columns属性是一样的。

$('#tt').datagrid({
title:'Frozen Columns',
iconCls:'icon-save',
width:500,
height:250,
url:'data/datagrid_data.json',
frozenColumns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
]],
columns:[[
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
});

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

数据网格内置一个很好特性的分页功能，自定义也相当简单。在本教程中，我们将创建一个数据网格，并在分页工具栏上添加一些自定义按钮。

创建数据网格

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

在本教程中，您将学习如何在可编辑的数据网格中包含一个运算列。计算列一般含有一个或多个其他列计算的值。

首先创建可编辑的数据网格。在这里我们创建了一些可编辑的列，'listprice'、'amount'和'unitcost'列被定义为numberbox编辑类型。运算列是'unitcost'字段，将是listprice乘以amount列的结果。

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

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

下面的示例格式化easyui数据网格中的列，并使用自定义列的格式程序，如果价格小于20那么文本就将变为红色。

想要格式化一个数据网格列，我们需要设置formatter属性，它是一个函数。这个格式化函数包含三个参数：

• value：当前列对应字段值
• row：当前行记录数据
• index：当前行的下标

本周，在近150个Dev用户的热情参与下，慧都学院于17日举办DevExpress 2015.2新版发布交流会圆满落下帷幕。另外我们盘点了DevExpress 15.2最新版帮助文档和开发示例，方便你解决Dev使用中的系列问题。界面开发框架jQuery EasyUI和Qt使用教程连载还在持续发布中！干货满满等你来收哦~

更多资源及工具也可以在用户界面专题找到，及时了解最新动态>>

DevExpress

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

Step 1：在HTML标记中创建DataGrid