Web UI Framework-Lokalisierung auf der Clientseite

Die Lokalisierung auf der Clientseite umfasst die Lokalisierung von Benutzerschnittstellenbeschriftungen und anderen Texten und Bildern, bei denen es sich nicht um Felder handelt. Die serverseitige Lokalisierung umfasst die Lokalisierung von Feldtext und Bildern, auf die von der Clientseite verwiesen wird.

1. Um Bilder zu lokalisieren, richten Sie eine länderspezifische CSS-Datei ein, die von einer Tagbibliothek verwendet wird.
2. Konfigurieren Sie eine globale JavaScript -Bundledatei, um Text zu lokalisieren. Diese Paketdatei enthält Schlüsselwertpaare (die zu lokalisierende Zeichenfolge und der lokalisierte Wert dieser Zeichenfolge). Das Web UI -Framework stellt eine Tagbibliothek bereit, die die globale Bundledatei enthält.
   Beispiel für eine globale Paketdatei:

   Hinweis: IBM® empfiehlt, Paketdateischlüssel mit dem Präfix "b_" zu versehen, um Konflikte mit anderen Eigenschaften in der Anzeige zu vermeiden.

   Ext.override(sc.plat.ui.Screen, {
       'b_key1': 'value one',
       'b_key2': 'value two',
       'b_key3': 'value three'    
   })
   

   Jedes Formular in der Anwendung verfügt über eine bestimmte bundle.js -Datei, die in die Anzeigendatei eingeschlossen werden muss. Wenn die Paketdatei des Formulars login.js beispielsweise sc.ui.login.bundle.jsist, sucht die Tagbibliothek beim Zugriff auf eine Anzeige nach dieser Paketdatei und diesem Formular und schließt sie in die Anzeige ein. Die Tagbibliothek enthält nicht automatisch die Paketdatei für eine Anzeige. Für eine lokalisierbare Datei (z. B. eine Paketdatei), die mit dem scuitag-Befehl eingeschlossen wird, schließt der Tag automatisch die lokalisierte Datei ein (fr, de, jp usw.), entsprechend der Ländereinstellung des Benutzers.

   Wenn eine einzelne Datei, die JSB-Definitionen verwendet, eingeschlossen wird, sollte der Eintrag für die Bundledatei nach dem Eintrag für die Anzeigedatei erstellt werden. Die Anzeigedateien müssen in der folgenden Reihenfolge angegeben werden:

   1. <Anzeige>_config.js
   2. <Anzeige> .js
   3. <Anzeige>_bundle.js
   Beispiel für eine Anzeige, die auf eine Paketdatei verweist:

   com.xyz.MyScreen = Ext.extend(sc.plat.ui.ExtensibleScreen, 
   {
           className: "sc.plat.ui.Screen",
           getUIConfig: function() {
                   return {
                           title: this.b_key1,
   			                     items:[{
   				                            xtype: 'label',
                                   text: this.b_key2
   			                     }]
                    }
   	       },
           getInfoMessage: function() {
   		              return this.b_key3;
           }
   });
   

   Im Folgenden wird ein Beispiel dafür gezeigt, wie ein Formular so eingerichtet wird, dass es einen Bundle-Dateinamen zurückgibt, wenn getBundleFor(form SCUILocalizationProvider vom Bildschirm aufgerufen wird. Das Schlüsselwort this gibt die Instanz des Formulars zurück, sodass this.First_Name die Paketdatei First Namezurückgibt.

   First_Name = "First Name";
   Last_Name = "Last Name";
   Search_View = "Search View";
   Ext.onReady(function(){ 
   var form = new Ext.FormPanel({
           name: 'view', 
           title: this.Search_View,
           xtype: 'form',
           items: [{
                         fieldLabel: this.First_Name,
                         xtype: 'textfield',
                         appValidator: validatorApplication,
                         validationEvent: 'blur',
                         validator: validateString
                    },
                    {
                         fieldLabel: this.Last_Name,
                         xtype: 'textfield',
                     }]
            });
            form.render(Ext.getBody());
   });