Question

我在Extjs窗口中有一个日期选择器。最小日期和默认值例如，date应该来自商店DateSTORE。我怎么能够做这个？这是我的代码。

     {
                                                  xtype:'datefield',  
                                                  margin: '20 20 0 10',
                                                  labelAlign: 'right',
                                                  labelWidth: 140,
                                                  width: 350,
                                                  itemId:'beginningDate',
                                                  fieldLabel: "Beginning Date", 
                                                   minDate:function(){

                                                  waitForStoreLoading([Ext.StoreManager.lookup('DateSTORE').load()], function () {
                                                      debugger

                                                      var dateStore = Ext.StoreManager.lookup('DateSTORE').data.items[0].data.ProductionMonth;
                                                      return jsDate = new Date(parseInt(dateStore.substr(6)));
                                                      var monthProduction = DateSTORE.data.items[0].data.ProductionMonthString
                                                      Ext.apply(Ext.getCmp('Window').down('#beginningDate'), {minDate:jsDate});
                                                      Ext.getCmp('Window').down('#beginningDate').getView.refresh();
                                                  });
                                                  }(),

但商店未定义。尝试通过单击按钮打开此特定“窗口”来设置日期。但它也没有发生。有什么想法吗？

Answer 1

尝试在商店的加载事件

上设置最小值

//的DateField

{
    xtype:'datefield',  
    margin: '20 20 0 10',
    labelAlign: 'right',
    labelWidth: 140,
    width: 350,
    itemId:'beginningDate',
    fieldLabel: "Beginning Date",
    id:"beginningDate"
}

//存储

{
    listeners:{
        load:funciton(store, records){
            var str = records[0].get("ProductionMonth");
            var datefield = Ext.getCmp("beginningDate");
            datefield.setMinValue(str);
    }    
}

动态设置Extjs Datepicker的Default和MinDate值

1 个答案: