翻譯 Ext JS最新技巧 2014 9 10

2021-09-04 13:27:46 字數 967 閱讀 6147

原文:

top support tips

在ext js 5.0.1,新增了一些與可訪問性和支援aria有關的顯著改進。雖然鼓勵使用這些新增功能,但預設樣式可能無法在所有情況下都能達到最理想的狀況。事實上,在單元格邊框實現焦點就不適合所有的情況。

如果想對焦點樣式進行調整,最好的方式是通過修改sass變數和重新編譯樣式來實現。

在網格檢視中可以找到單元格焦點的sass變數,目標包括:

$grid-row-cell-focus-background-color

$grid-row-cell-focus-border-color

$grid-row-cell-focus-border-inset

$grid-row-cell-focus-border-style

$grid-row-cell-focus-border-width

$grid-row-cell-focus-color

儘管建議是修改以上sass變數並編譯樣式,但還可以使用以下css選擇器來修改或隱藏網格單元格的邊框:

.x-grid-item-focused .x-grid-cell-inner:before

在使用ext.define來定義新類的時候,永遠不要好像以下**哪樣,使用ext.create在原型內建立乙個例項:

extend : 『ext.container.container』,

requires : [

items : [

ext.create(『ext.component』, )

], plugins : [

]});

作為替代,可以在配置物件中使用類的別名:

extend : 『ext.container.container』,

requires : [

], items : [

], plugins : [

);

翻譯 Ext JS最新技巧 2016 3 4

原文 top support tips ext js的grid是乙個便於在布局中顯示資訊的偉大工具。有些使用者可能會希望將這些資訊列印為會議資料或宣傳材料,而且會希望在列印的時候,能新增水印以便進行版權保護 保密或作為品牌的一種方式。這個很容易實現,只要在ext js的grid中為它指定乙個樣式就行...

翻譯 Ext JS最新技巧 2014 8 13

原文 top support tips 在ext js 5,只支援ie8 因此不再古力使用者使用嚴格的html文件型別。現在,推薦使用html 5的文件型別,而且還推薦使用x ua compatible作為meta標記以確保ie不會啟用 相容模式 因為該模式不支援ext js。以下 片段展示了用於e...

翻譯 Ext JS最新技巧 2014 9 10

原文 top support tips 在ext js 5.0.1,新增了一些與可訪問性和支援aria有關的顯著改進。雖然鼓勵使用這些新增功能,但預設樣式可能無法在所有情況下都能達到最理想的狀況。事實上,在單元格邊框實現焦點就不適合所有的情況。如果想對焦點樣式進行調整,最好的方式是通過修改sass變...