extjs6实战的简单介绍

本文目录一览：

1、extjs 6 grid 更改选中行背景颜色，直影响当前grid
2、请问extjs 6 grid怎么实现合计，合计行要固定在表格下面，不随纵向滚动条滚，但要随横向滚动
3、Extjs6 菜单树左对齐
4、extjs6 tree怎么隐藏选中树节点
5、ExtJS 6有什么新东西
6、有人用extjs（modern|classic）来开发ipad管理软件吗

extjs 6 grid 更改选中行背景颜色，直影响当前grid

Ext 4.2.1

/** * @var {color}

* The background-color of the selected row

*/$grid-row-cell-selected-background-color: #ccc !default;

Ext 5

$grid-cell-selected-background-color : color

The background-color of a selected cell when using a Ext.selection.CellModel.

Defaults to:

$grid-row-cell-selected-background-color

Ext 6

$list-item-selected-background-color : color

List item background-color when selected

Defaults to:

mix(#fff, $base-light-color, 25%)

Ext 6 好像依赖 $base-light-color 尽量不要修改其他配置

请问extjs 6 grid怎么实现合计，合计行要固定在表格下面，不随纵向滚动条滚，但要随横向滚动

简单给个代码说明一下:

var grid = new Ext.grid.GridPanel({

……(其他属性配置略)

columns: [

{header: ‘第一列’, dataIndex: ‘column1’},

{header: ‘第二列’, dataIndex: ‘column2’},

{header: ‘总计’, dataIndex: ‘column1’,renderer : function(value,metadata,reocrd){

//这里面做总计计算

var sum = record.data.column1+reocrd.data.column2;

//或者 var sum = value+reocrd.data.column2;

return sum;

}

……(其他属性配置略)

});

Extjs6 菜单树左对齐

自动生成的目录，不能直接设置左对齐，其修改方法：1、单击引用—目录—插入目录；2、弹出目录对话框，单击修改按钮；3、弹出样式对话框，选择要修改的目录，单击修改按钮；4、弹出修改样式对话框，单击格式按钮，在弹出选项中选择段落；5、弹出段落对话框，在对齐方式处选择左对齐；在缩进处，左侧缩进后的输入框输入0；在特殊格式处选择无即可，如图所示。

extjs6 tree怎么隐藏选中树节点

根据api 以及勾选的事件，获得选中的节点数据

使用setHidden添加参数进行隐藏

如果是隐藏他的上级或者下级在使用api中的查找获取id进行隐藏。

extjs6.0

ExtJS 6有什么新东西

以下是官方的介绍：

Ext JS 6统一了Ext JS 5和Sencha Touch框架，且允许创建基于所有平台和所有设备的通用应用程序。在Ext JS 5，将许多Sencha Touch的移动功能带入了Ext JS，而且建立核心通用代码。在Ext JS 6，Ext JS和Sencha Touch的UI组件将建立在通用核心之上，这样，才让使用单一的代码来创建基于桌面到智能手机的应用程序成为可能。另外，在Ext JS 6还有大量的增强功能，尤其是在可访问性、图表和网格这一块上。

我们用了一年多了，说实话，和5有区别都不大，就是有些自定义的控件，写法改变，比以前简单了，但是总体上没啥，不细研究，看不出来，当然我们主要是企业级开发

有人用extjs（modern|classic）来开发ipad管理软件吗

sencha touch被合并到extjs6里面，extjs6可以开发桌面端、移动端、甚至通用的web app（针对不同设备类型自动显示不同的页面），相同的代码可以共用，比如桌面端和移动端假如只是界面不同，像model和controller那些如果相同的话可以共用，即便是有些区别也可以写个父类，然后移动端和桌面端的代码分别继承该类并添加额外功能。

另外，extjs6也支持MVVM了，利用官方文档的最佳实践MVVM+MVC混合来开发，真的令人很愉悦。

当然我们只是开发移动端的，下面介绍下怎样做。extjs6引入了toolkit概念，做移动端的toolkit是modern，桌面端的是classic，我们将用它的modern toolkit来开发。

创建一个app：sencha –sdk (sdk目录) generate app –modern (app名称) (生成的目录)

例如：sencha –sdk G:\lib\JavaScript\extjs\ext-6.0.0-gpl\ext-6.0.0 generateapp –modern Test my-test

如果不加“-modern”的话它会自动生成一个通用app，有app、classic和modern三个目录存放源代码，app为共用代码目录，classic和modern分别为桌面端和移动端的不共用代码。但我们只是做移动端的，所以存放源码的就一个app目录。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/246641.html