extjs6实战的简单介绍

发布时间：2022-11-25

本文目录一览：

  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, record) {
                // 这里面做总计计算
                var sum = record.data.column1 + record.data.column2;
                // 或者 var sum = value + record.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 generate app –modern Test my-test

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

推荐文章