mini-calendar控件ondrawdate加载时机问题

whicss

现在有这样一个场景，我需要在mini-calendar控件ondrawdate事件加载之前，从后台获得一组数据，然后在mini-calendar控件ondrawdate事件里面做一些逻辑，目前的情况是，不管我怎么写，mini-calendar控件ondrawdate事件总触发在所有事件之前，我甚至把 mini.parse();方法注释了，mini-calendar控件ondrawdate的事件总最先执行，而且所有控件都能正常显示。。。

1. <script>
   
2.   var grid;
   
3. 
   
4.   $.ajax({
   
5.     url: urls.crud_list + '?statement=HolidayMapper.list',
   
6.     dataType: 'json',
   
7.     success: function (result) {
   
8.       console.log(result);
   
9.     }
   
10.   });
    
11.   /*window.onload = function () {
    
12.     mini.parse();
    
13.     grid = mini.get("crudGrid");
    
14.     $.ajax({
    
15.       url: urls.crud_list + '?statement=HolidayMapper.list',
    
16.       dataType: 'json',
    
17.       success: function (result) {
    
18.         console.log(result);
    
19.         console.log(mini.get('calendar1'));
    
20.       }
    
21.     });
    
22.   }*/
    
23. 
    
24.   function onActionRenderer(e) {
    
25.     var record = e.record;
    
26.     var uid = record._uid;
    
27.     var s = '<span class="icon-remove" title="删除记录" onclick="delRow(' + uid + ')"></span>';
    
28.     return s;
    
29.   }
    
30. 
    
31.   function addRow(holidayDate) {
    
32.     var num = grid.data.length + 1;
    
33.     var newRow = {holidayDate: holidayDate};
    
34.     grid.addRow(newRow, num);
    
35.     grid.beginEditCell(newRow, num);
    
36.   }
    
37. 
    
38.   function onValueChanged(e) {
    
39.     var date = this.getFormValue();
    
40.     addRow(date.substring(0, 10));
    
41.   }
    
42. 
    
43.   function delRow(row_uid) {
    
44.     var row = grid.getRowByUID(row_uid);
    
45.     if (row.id) {
    
46.       $.ajax({
    
47.         url: urls.holiday_delete + '?id=' + row.id,
    
48.         dataType: 'json',
    
49.         success: function (result) {
    
50.           if (result == 1) {
    
51.             mini.showTips({
    
52.               content: "数据删除成功",
    
53.               state: "success",
    
54.               x: "right",
    
55.               timeout: 3000
    
56.             });
    
57.           }
    
58.         }
    
59.       });
    
60.     }
    
61.     grid.removeRow(row);
    
62.   }
    
63. 
    
64.   function saveAll() {
    
65.     var data = grid.getData();
    
66.     $.each(data, function (i, item) {
    
67.       item.companyId = '420000';
    
68.     })
    
69.     $.post({
    
70.       url: urls.crud_save_all + "/holiday",
    
71.       contentType: "application/json",
    
72.       dataType: "json",
    
73.       data: mini.encode(data),
    
74.       success: function (result) {
    
75.         grid.reload();
    
76.         mini.showTips({
    
77.           content: "数据保存成功",
    
78.           state: "success",
    
79.           x: "right",
    
80.           timeout: 3000
    
81.         });
    
82.       }
    
83.     })
    
84.   }
    
85. 
    
86.   function onDrawDate(e) {
    
87.     var date = e.date;
    
88.     console.log(2);
    
89.     // console.log(mini.formatDate(date, 'yyyy-MM-dd'));
    
90.     /*if (date.getTime() >= curDate.getTime())
    
91.     {
    
92.       e.allowSelect = false;
    
93.     }*/
    
94.   }
    
95. 
    
96. </script>

复制代码

dforce

calendar创建的时候就会加载，你这里可以考虑动态生成calendar，等你的比较基准出来后再生成。