关于EXT如何国际化

0 0

关于EXT如何国际化5

var simple = new Ext.FormPanel({
        labelWidth: 75, // label settings here cascade unless overridden
        
        frame:true,
        title: 'Simple Form',
        bodyStyle:'padding:5px 5px 0',
        width: 350,
        defaults: {width: 230},
        defaultType: 'textfield',

        items: [{
                fieldLabel: 'First Name',
                name: 'first',
                allowBlank:false
            },{
                fieldLabel: 'Last Name',
                name: 'last'
            },{
                fieldLabel: 'Company',
                name: 'company'
            }, {
                fieldLabel: 'Email',
                name: 'email',
                vtype:'email'
            }, combo
        ],

        buttons: [{
            text: 'Save'
        },{
            text: 'Cancel'
        }]
    });

    simple.render(document.body);
});

很简单的一个form，想把其上的英文label使用国际化的方法变成中文，请问大家怎末实现？
问题补充：
wangxin0072000，谢谢你的解答，这不失为一个解决方案，但是这势必造成变化语言的时候刷新整个页面，有违ajax的理念，这正是我困惑的地方，相比dojo，ext真的就没有在到达2.x版本的高度上，系统的考虑过国际化的问题吗？

JavaScript EXT

2008年6月30日 14:18

commond
15
0 0 0

2个答案按时间排序按投票排序

0 0

当然在引入resources.js之前，要用jsp来判断一下浏览器语言。之后加载不同的resources.js，比如resources_CN.js(中文title),或者resources_EN.js（内容是英文）

2008年6月30日 15:01

wangxin0072000
475
0 0 0

添加评论

0 0

提供一个建议：
写一个resources.js文件，在ext-all.js之前导入。
其中包括你要用的国际化内容，比如：
Ext.FormPanel.title="简单输入框";

之后在你的js文件中这样：
var simple = new Ext.FormPanel({
        labelWidth: 75, // label settings here cascade unless overridden

        frame:true,
        title: Ext.FormPanel.title,   //就这不同
        bodyStyle:'padding:5px 5px 0',
        width: 350,
        defaults: {width: 230},
        defaultType: 'textfield',

        items: [{
                fieldLabel: 'First Name',
                name: 'first',
                allowBlank:false
            },{
                fieldLabel: 'Last Name',
                name: 'last'
            },{
                fieldLabel: 'Company',
                name: 'company'
            }, {
                fieldLabel: 'Email',
                name: 'email',
                vtype:'email'
            }, combo
        ],

        buttons: [{
            text: 'Save'
        },{
            text: 'Cancel'
        }]
    });

    simple.render(document.body);
});
思路比较简单，但是有个缺点，就是代码泄露的问题。