首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >ExtJS 4.2 ComboBox不显示作为字段组合的模型字段

ExtJS 4.2 ComboBox不显示作为字段组合的模型字段
EN

Stack Overflow用户
提问于 2016-12-10 21:34:02
回答 2查看 207关注 0票数 1

我遇到了一个相当有趣的问题。我有一家商店,它使用一个模型。我的模型是这样的:

Ext.define('HealOmni.model.device_model', {
extend: 'Ext.data.Model',

requires: [
    'Ext.data.Field'
],

fields: [
    {
        name: 'device_id'
    },
    {
        name: 'device_name'
    },
    {
        name: 'device_id_real'
    },
    {
        name: 'sim_number'
    },
    {
        name: 'other_device_details'
    },
    {
        convert: function(v, rec) {
            return rec.get('device_name') + " " + rec.get('device_id_real');
        },
        name: 'device_name_and_id'
    }
]
});

然后这个商店被一个ComboBox使用,组合框看起来像这样:

xtype: 'combobox',
height: 30,
itemId: 'deviceID',
fieldLabel: 'Device ID',
labelClsExtra: 'screenSharingFontLowerHalf',
labelSeparator: ' ',
displayField: 'device_name_and_id',
queryMode: 'local',
store: 'userDeviceManagementLoggedInDisplay',
valueField: 'device_id_real'

我使用组合字段device_name_and_id作为组合框的显示字段。然而,当我重新加载我的站点时,ComboBox似乎无法正确显示该字段。当我使用其他字段时,比如device_id,它显示得很好。只有组合字段不显示,我不知道为什么。

加载存储后,我将这些值记录到console中,并且显示了所有字段,甚至是组合字段--所以我真的很困惑为什么ComboBox不能正确显示。

有人知道如何在组合框中显示“转换”字段吗?

EN

回答 2

Stack Overflow用户

发布于 2016-12-12 15:49:41

请检查下面的小提琴

https://fiddle.sencha.com/#view/editor&fiddle/1m9t

    Ext.define('HealOmni.model.device_model', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'device_name_and_id',
        convert: function (v, rec) {
            return rec.get('device_name') + " " + rec.get('device_id');
        }
    }]
});
var storeRec = Ext.create('Ext.data.Store', {
    model: 'HealOmni.model.device_model',
    data: [{
        device_id: 1,
        device_name: 'device one with id'
    }, {
        device_id: 2,
        device_name: 'device two with id'
    }]
});

Ext.create('Ext.form.field.ComboBox', {
    renderTo: Ext.getBody(),
    valueField: 'device_id',
    displayField: 'device_name_and_id',
    store: storeRec
});
票数 0
EN

Stack Overflow用户

发布于 2016-12-11 02:41:36

我给你做了一个小提琴。将此代码与您的代码进行比较,我希望它能有所帮助:

https://fiddle.sencha.com/#view/editor&fiddle/1m9e

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41076155

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档