本文目录一览:
- 1、请问extjs 6 grid怎么实现合计,合计行要固定在表格下面,不随纵向滚动条滚,但要随横向滚动
- 2、ExtJS 6有什么新东西
- 3、extjs 6 grid 更改选中行背景颜色,直影响当前grid
- 4、extjs有什么办法可以让添加了元素的面板重新加载
请问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;
}
},
],
......(其他属性配置略)
});
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 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有什么办法可以让添加了元素的面板重新加载
var orl =EXt.getCmp()原来的
EXt。getCmp()。add();你添加一些元素
EXt.getCmp().removeAll()
EXt.getCmp().add( orl );
这样就可以做到重新加载