extjs6dolayout的簡單介紹

本文目錄一覽：

• 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 );

這樣就可以做到重新加載