河东科技HDL

可大可小，可图可文

定制化按键样式命名，全家喜好轻松满足

支持以镭雕文字、图案或文字+图案组合样式为按键命名，相较于一般按键面板的11PT字号，砚系列面板镭雕字号最大支持13PT，更适合三代同学家庭使用，同时支持RGB按键指示灯定制。

图标够大，状态够清晰

支持空调、地暖、新风三合一控制，沉浸式的大图标设计，让全屋运行状态一目了然。

编剧导语：在UI界面中，我们可以看到各种开关按钮之类的组件，怎样更好的使用它们是一个值得思考的问题。这篇文章来自资深设计师 Taras Bakusevych，他在表单和控件设计领域造诣精深。这篇文章梳理了他总结的 14 条按钮和选框的设计经验，实用性极强。推荐对UI设计感兴趣的用户阅读。

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