Extjs Combo赋默认值

最新推荐文章于 2020-08-14 17:22:10 发布

weixin_30595035

最新推荐文章于 2020-08-14 17:22:10 发布

阅读量157

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/denghuachengle/p/3920525.html

本文介绍了ExtJS中ComboBox组件初始化设置的正确方法。通过监听store加载事件并设置默认值，确保下拉框在初次加载时能正确显示第一个选项。文章还提供了一个具体的实现示例。

1.错的例子

sexCombo.on("afterrender", function() {

sexCombo.setValue(sexStore.getAt(0).data.code);

});

我不知道在某些情况下是否可以，但是我的combo的store是这样赋值的

   /// <summary>
        /// 查看范围的下拉框列表
        /// </summary>
        /// <returns></returns>
        public JsonResult GetScanScopeList()
        {
            List<ScanScope> scopeLst = new List<ScanScope> { new ScanScope { Id = 0, scanScope = "未完成" }, new ScanScope { Id = 1, scanScope = "已完成" }, new ScanScope { Id = 2, scanScope = "全部" } };
            return Json(scopeLst, JsonRequestBehavior.AllowGet);
        }

        /// <summary>
        /// 查看范围的下拉框数据集实体
        /// </summary>
        public class ScanScope
        {
            public int Id;
            public string scanScope;
        }

　　这样的话，如果不首先手动的利用combo下拉选择一个的话，监听到的combo.getValue()就是""或者RawValue，我的是“”和“未完成”。

2.正确的做法：

  var displayField = thisobj.down('displayfield');
        var combo = thisobj.down('combobox[name=selectScanScope]');
        var scanStore = combo.getStore();
        scanStore.on('load', function () {
            combo.setValue(this.getAt(0).get('Id'));
        });
至于这些语句，因为我的combo在tbar上，所以我写在了tbar的beforerender事件中。

转载于:https://www.cnblogs.com/denghuachengle/p/3920525.html