0

我是 JavaScript 和 Sencha 的新手，但熟悉 as3/flex。我在 as3 中构建了类似的东西，但我很难将它转移到 Sencha JS。
我有一个 Ext.data.Store。此 Ext.data.Store 将根据所选日期的预定时间段而更改。我需要能够根据这些参数提取可用的 2 小时时间块。

开始时间和结束时间以 15 分钟为增量，长度应始终为 2 小时。尽管 Ext.data.Store 中的某些计划时间可能大于 2 小时或更少，但我仍然需要能够将 2 小时的时间段显示为空闲时间。在 Ext.data.Store 中可能会看到重复的时间段已填满，因为日程表中有多个人。我正在考虑按员工设置某种循环，因此如果员工人数为 3，它将通过代码循环 3 次以找到可用的 2 小时时间段。

我能够看到对象对象员工：“詹姆斯”结束时间：“10:00”时间：“8:00” 原型：对象

但我不知道如何实现按员工对所有时间段进行排序，然后找到每个员工时间段之间的所有两小时间隔。

Ext.onReady(function()
{
console.log('ready!');

var constants = {
'WORKDAY_START': '08:00',
'WORKDAY_END': '18:00',
'INTERVAL_HOUR_COUNT': 2
};
Ext.define('Times', {
    extend: 'Ext.data.Model',
    fields:[
            {name: 'stime', type: 'string'},
            {name: 'endtime', type: 'string'},
            {name: 'employee', type: 'string'}
            ]
 })



 Ext.create('Ext.data.Store', {
 storeId: 'ac',
 model: 'Times',
 data : [
     {stime:"8:00", endtime:"10:00", employee:"james"},              
     {stime:"13:00", endtime:"15:00", employee:"james"},
     {stime:"15:00", endtime:"17:30", employee:"james"},
     {stime:"12:00", endtime:"14:00", employee:"carl"},               
     {stime:"14:00", endtime:"16:00", employee:"carl"},
     {stime:"14:00", endtime:"16:00", employee:"jimmy"}
 ]
 });



 function addZero(num) {
            // Create an array, if string is in "xx:xx" format, the array       will be ["xx", "xx"], otherwise it will be ["xx"]
            var i = new Number();
            var arr = String(num).indexOf(":") == -1 ? [num] :   String(num).split(":");
            for (i = 0; i < arr.length; i++) // Add an "0" if the string   is only one character
            if (arr.length == 1){
             arr[i] = "0" + arr[i];
                }
            return arr.join(":");
        }







 var ac = Ext.data.StoreManager.lookup('ac').data;

 var employeeTimeSlots = new Array();
 ac.each(function(item, index, allItems) {

//console.log("a[" +arrayItem+ "] = " + index);
console.info(item.data);

//console.log('@ready');    
            var timeSlot = new Array();

            for (timeSlot in item.data) {

                  var employeeSlots = new Array();
                var employee = timeSlot.employee;
                if (!employeeSlots['employee'])   employeeSlots['employee'] = [];
                employeeSlots.push(['employee'],{
                    stime: timeSlot.stime,
                    endtime: timeSlot.endtime

                });
                //console.log(employeeSlots)
                //console.log(timeSlot);
            }

// Second step, find all two hour intervals between each employee's time slot

            /*for (var employee in employeeSlots) {
                var   employeeTimeSlots=Array(employeeSlots['employee']);
                // Add in the first and last time stamps
                employeeTimeSlots.unshift({endtime:   constants.WORKDAY_START});
                employeeTimeSlots.push({starttime: constants.WORKDAY_END});
                // Find all the time differences
                for (var i = 0; i < employeeTimeSlots.length-1; i++) {
                    // The end hours of the current time slot


                    var endDate = new Date(0, 0, 0,   employeeTimeSlots[i].endtime.substring(0, 2),
                        employeeTimeSlots[i].endtime.substring(3, 2), 0, 0);
                    // The beginning hours of the next time slot
                    var nextStartDate = new Date(0, 0, 0, employeeTimeSlots[i+1].starttime.substring(0, 2),
                        employeeTimeSlots[i+1].starttime.substring(3, 2), 0, 0);
                    // The hours in between the time slots
                    var availableHours = Number((nextStartDate.getTime() - endDate.getTime())) / (1000 * 60 * 60);
                    // For every two hours that are available between these time slots
                    for (var hourInterval = 0; availableHours -   hourInterval >= constants.INTERVAL_HOUR_COUNT; hourInterval += constants.INTERVAL_HOUR_COUNT)   {
                        // Trace the available time slot
                        trace(employeeName, "=", addZero((endDate.hours + hourInterval) + ":" + endDate.minutes), 
                            "to", addZero((endDate.hours + hourInterval + constants.INTERVAL_HOUR_COUNT) + ":" + endDate.minutes));
                    }

            }
                    }*/




 });
4

1 回答 1

0

您可以按字段或多个字段对商店进行排序。

如果您的商店名为 mystore，您将拥有

mystore.sort('employee','ASC')

从文档中我们有：

//sort by a single field
myStore.sort('myField', 'DESC');

//sorting by multiple fields
myStore.sort([
{
    property : 'age',
    direction: 'ASC'
    },
    {
        property : 'name',
        direction: 'DESC'
    }
]);
于 2012-12-29T10:12:14.883 回答