EXTJS4:如何动态设置displayfield的值(来自服务器数据)

时间:2011-12-16 17:34:16

标签: extjs4 dynamic-data server-side

我想在我的应用中添加一个帐户信息部分,它将包含当前用户的名称和角色

在我的服务器端,我可以获得这些信息,但我不知道如何将它们从服务器发送到我的表单并在显示区中显示它们

我知道从服务器动态填充数据的唯一方法是使用存储的网格。

我该怎么办呢?

我的extjs代码:

xtype: 'form',
            border: false,
            frame: true, 
            height: 100,
            width: 400,
            layout: 'column',
            items: [
                    {   columnWidth: .5,
                        border: false,
                        frame: true, 
                        height: 50,
                        defaults: { labelStyle: 'font-size:11px' },
                        items: [{
                            xtype: 'displayfield',
                            id: 'Customer',
                            fieldLabel: 'Customer',
                            value: '<span style="color:blue;font-size:9px">IBM</span>'
                        }]

                    }, {
                        columnWidth: .5,
                        border: false,
                        frame: true,
                        margin: '0 0 0 8',
                        height:50,
                        defaults: { labelStyle: 'font-size:11px' },
                        items: [
                         {
                             xtype: 'displayfield',
                             id: 'role',
                             fieldLabel: 'Role',
                             value: '<span style="color:blue;font-size:9px">Admin</span>'
                         }
                        ]

如果不够清楚,请随时询问更多细节。

谢谢

1 个答案:

答案 0 :(得分:2)

使用form.loadRecord(记录)。将设置名称为您的模型字段的任何字段。

要获取记录,您可以使用MyModel.load()查看此http://docs.sencha.com/ext-js/4-0/#!/guide/data的sencha指南。