Question

我正在编写一个基于DHTMLxScheduler的通知应用程序。

我想通过IndexedDB为DHTMLxscheduler了解更多CRUD的想法

据我所知，以下网站显示了一个很好的例子

http://www.codeproject.com/Articles/594924/Build-Calendar-App-for-Windows-8-with-dhtmlxSchedu

但是，数据存储不是持久的，应用程序会在多点触摸事件期间冻结。

是否有人可以使用以下内容帮助指导其默认IndexedDB所需的CRUD编码？

    scheduler.attachEvent("onEventDeleted", 
              function(event_id,event_object){
    //add event to the data store
}); 

scheduler.attachEvent("onEventChanged", function(event_id, event_object){
    //update event in the data store 
}); 


scheduler.attachEvent("onEventAdded", function(event_id, event_object){
    //delete event from the data store 
});

以下示例显示了如何通过IndexedDB进行集成 http://www.dotnetcurry.com/ShowArticle.aspx?ID=868

但是，它们共享不同的框架，而原始调度程序示例使用回调始终检测更改。

非常感谢你的帮助！

Answer 1

IndexedDB为CRUD操作占用了相当多的代码，因此教程已经过严格简化，以免因实现细节而过载。还有完整的CRUD工作示例，请检查此包的'/ samples / CalendarApp /'文件夹： http://dhtmlx.com/x/download/regular/dhtmlxScheduler_windows.zip

对于多点触控问题，最有可能会在最近的时间内修复。该软件包的当前版本基于dhtmlxScheduler3.7，我们将其更新为4.0，它对基于Windows的触摸设备进行了改进。

以下是数据库处理的一个示例，类似于dhtmlx网站在应用程序中的操作方式。

//connect to indexedDb and fire the callback on success
function connect(callback){
    try{
        var db = null;

        var req = window.indexedDB.open("SchedulerApp", 1);
        req.onsuccess = function (ev) {
            db = ev.target.result;
            if(callback)//fire a callback on connect
                callback(db);
        }

        req.onupgradeneeded = function(e){
            //The event is fired when connecting to the new database, or on version change.
            //This is the only place for defining database structure(object stores)
            var db = ev.target.result;

            if (!db.objectStoreNames.contains("events")) {
                //create datastore, set 'id' as autoincremental key
                var events = db.createObjectStore("events", { keyPath: "id", autoIncrement: true });
            }
        }
    }catch(e){
    }
}


//add js object to the database and fire callback on success
function insertEvent(data, callback) {
    connect(function (db) {
        var store = db.transaction("events", "readwrite").objectStore("events");
        var updated = store.add(data);
        updated.onsuccess = function (res) {
            callback(res.target.result);
        }
    });
}


// use all defined above with the dhtmlxScheduler
// when user adds an event into the scheduler - it will be saved to the database
scheduler.attachEvent("onEventAdded", function (id) {
    var ev = copyEvent(scheduler.getEvent(id));//where copyEvent is a helper function for deep copying
    delete ev.id;//real id will be assigned by the database

    insertEvent(ev, function (newId) {
        scheduler.changeEventId(id, newId);//update event id in the app
    });
    return true;
});

但是，我不能保证它会马上工作，我目前无法测试代码。我还建议您在MSDN

上查看这些文章

仅供参考，我为DHTMLX工作

使用Dhtmlxscheduler进行Windows 8 App开发

1 个答案: