Web UI Framework-Lokalisierung-Beispiel für die Lokalisierung der Struktur von Anzeigenkomponenten

Die folgenden Beispiele zeigen zwei verschiedene Ausgaben aus der folgenden satzbasierten lokalisierten Anzeige:

Ext.panel instance 
      |
      |__scLocalizedSKey = "DiscountAmount"
      |
      |__scLocalizedLabelCss= "custom-css"
      |
      |__items (children)
           |
           |__Amount TextField
           |
           |__Discount comboField

Bei Verwendung dieser Instanz von Ext.panelkönnte die Anzeige in zwei Ländereinstellungen unterschiedlich dargestellt werden. Die %sciId -Werte beziehen sich auf die Steuerelemente (Textfeld und Kombinationsfeld).

Code für Ländereinstellung A:

DiscountAmount = " for Order amount greater than {%sciId0} , give {%sciId1} % discount."
Ext.panel instance
 
    |
    |__children
          |
          |__label "for Order amount greater than "
          |
          |__Amount TextField 
          | 
          |__label ", give "
          |
          |__Discount comboField
          |
          |__label " % discount. "
//all labels created with style 'custom-css' and 'sc-plat-localizedLbl'

Ausgabe von Locale A:

Code für Ländereinstellung B:

DiscountAmount = "{%sciId1} {xtype:'label,text:'% discount, for Order 
amount greater than',cls:'custom-css'} {%sciId0} ."
Ext.panel instance 
      |
      |__children   
            |
            |__Discount comboField
            |
          |__string ``{xtype:'label,text:'% discount, for Order
amount greater than',cls:'custom-css'}`` will be passed to eval.
            |
            |__Amount TextField

Ausgabe von Locale B: