ExtJS的從文檔

Question

我想了解的東西在管理控制檯例如如何連接管理儀表板例如，註冊頁面在這裏：http://examples.sencha.com/extjs/6.5.0/examples/admin-dashboard/?classic#register

僅供參考，我已閱讀快速啓動和引導整個文檔（其中幾乎包括所有內容），但是我發現了一些我無法連接的東西。也許文件需要改進，或者我只是愚蠢的。我會發現它是否是後者。

這是應用程序的完整源代碼：https://github.com/bjornharrtell/extjs/tree/master/templates/admin-dashboard。我正在使用經典版本。

現在的註冊頁面，主要的看法是這樣的：https://github.com/bjornharrtell/extjs/blob/master/templates/admin-dashboard/classic/src/view/authentication/Register.js

我的問題是：

1. 在第25行：CLS： 'AUTH-對話框註冊'。這意味着一個額外的CSS類被添加到組件。現在我搜索了scss文件，並沒有在任何地方找到這個類的樣式定義。由於這個組件是'autdialog'，所以我特別查看了這個文件：https://github.com/bjornharrtell/extjs/blob/master/templates/admin-dashboard/classic/sass/src/view/authentication/Dialog.scss，但我無法在任何地方找到'auth-dialog-register'。該類定義在哪裏？或者是沒有被使用（在這種情況下，長號）

2. 同樣的路線：42，57號線也有一類「AUTH-文本框」被附加到文本框，但我找不到在哪裏了樣式被定義。

3. 在第49行上移動文本字段，定義了「觸發器」配置。在文檔中它是這樣的：http://docs.sencha.com/extjs/6.5.1/classic/Ext.form.field.Text.html#cfg-triggers，它確實沒有解釋任何東西，只是一堆代碼。同樣在第50行的Register.js文件的下一行中，觸發器中有一個'glyphed'配置。再次，我無法在文檔中找到它的用途。當然這個想法很清楚，它被用於文本框觸發器，但我需要確保我知道發生了什麼。

4. 我的下一個問題可能與前一個問題有關。如果您查看示例頁面：http://examples.sencha.com/extjs/6.5.0/examples/admin-dashboard/?classic#register，您會看到所有文本框都有一個圖標，說明該字段的用途：電子郵件字段具有電子郵件圖標。這是怎麼回事？我很確定它與我之前的問題中的觸發器配置有關。根據文檔https://docs.sencha.com/extjs/6.0.2/guides/core_concepts/font_ext.html，我應該使用'iconCls'配置，但這裏沒有使用。

請有人解釋這一點。有這些問題是否合理？或者我應該能夠弄清楚它們嗎？我是ExtJS的新手，剛剛從2周開始學習它。

Answer 1

1/2）似乎他們是未使用的類。我會打開一張票去除它們。

3）觸發器是按鈕，可以附加到該字段的東西。由於它在文檔中說，他們是爲Ext.form.trigger.Trigger一組配置，對於那些選項可以在這裏找到：http://docs.sencha.com/extjs/6.5.1/classic/Ext.form.trigger.Trigger.html

glyphed是不是配置，而是一個「標籤」在字段觸發。

4）這是一些自定義CSS，由觸發器中使用的類應用。

.password-trigger, 
.auth-email-trigger, 
.auth-password-trigger, 
.auth-envelope-trigger { 
    &:before{ 
     top: 10px; 
     left: -18px; 
     position: relative; 
     color: $dialog-trigger-color; 
     font-size: 30px; 
    } 

    &.password-trigger:before, 
    &.auth-password-trigger:before { 
     content: "\f023"; 
    } 

    &.auth-email-trigger:before { 
     content: "\f007"; 
    } 

    &.auth-envelope-trigger:before { 
     content: "\f0e0"; 
    } 
}