• dhtmlxscheduler使用


    如何和数据库实现交互?增加,删除,修改?

    增加,删除 ,修改的实现需要通过dhtmlxscheduler事件来实现,实现模板如下(注意需要引入prototype.js文件):

    scheduler.attachEvent("onBeforeEventDelete", function(event_id, event_object){
        var url = "YOUR-URL";
        var id = event_object.id;
        var text = event_object.text;
        // date 需要实现格式化,这里需要和server端相互交互
        var convert = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
        var start_date =
            convert(event_object.start_date);
        var end_date = convert(event_object.end_date);
        var details = event_object.details;
        var pars = "id=" + id +
            "&start_date=" + start_date +
            "&end_date=" + end_date +
            "&text=" + text +
            "&details=" + details;
                   
        // 向数据库提交
        new Ajax.Request(url,{
                method:'post',
                parameters: pars,
                onSuccess: function(transport) {
                        // 关闭窗口
                        programing = false;
                  }
        });
                   
        // 这里使用true刷心主窗口,将event不显示
        return true;
    });
       
    scheduler.attachEvent("onEventChanged", function(event_id, event_object){
        // 得到数据
        var url = "YOUR-URL";
        var id = event_object.id;
        var text = event_object.text;
        // date 需要实现格式化
        var convert = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
        var start_date =
            convert(event_object.start_date);
        var end_date = convert(event_object.end_date);
            var details = event_object.details;
        var pars = "id=" + id +
            "&start_date=" + start_date +
            "&end_date=" + end_date +
            "&text=" + text +
            "&details=" + details;
                   
        // 向数据库提交
        new Ajax.Request(url,{
            method:'post',
            parameters: pars,
            onSuccess: function(transport) {
                // 关闭窗口
                programing = false;
            }       
        });
    });

    // 添加事件event
    scheduler.attachEvent("onEventAdded", function(event_id,event_object){
        // 这里需要引入另外的js库,将数据提交到后台保存,比如使用prototype
        // 有用连接:
        //             http://blog.csdn.net/bvb09/archive/2009/12/18/5031733.aspx(完整实例)
        //             http://gh0769.javaeye.com/blog/662511
        //             http://www.cnblogs.com/smildlzj/archive/2010/01/07/1641755.html
        //             http://ynial.javaeye.com/blog/741092
        // 向数据库提交
        var url = "YOUR-URL";
        var id = event_object.id;
        var text = event_object.text;
        // date 需要实现格式化
        var convert = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
        var start_date =
            convert(event_object.start_date);
        var end_date = convert(event_object.end_date);
        var details = event_object.details;
                   
        var pars = "id=" + id +
            "&start_date=" + start_date +
            "&end_date=" + end_date +
            "&text=" + text +
            "&details=" + details;
               
        new Ajax.Request(url,{
            method:'post',
            parameters: pars,
            onSuccess: function(transport) {
                // 关闭窗口
                programing = false;
            }
        });
    });

  • 相关阅读:
    利刃 MVVMLight 1:MVVMLight介绍以及在项目中的使用
    HTML5项目笔记10:使用HTML5 IndexDB设计离线数据库
    MySQL数据库安装
    安装维护手册
    XXX银行项目部署
    使用Excel批量给数据添加单引号和逗号
    sublime3 快速创建html模板
    Wyn Enterprise 报表查询面板三种实现方法汇总
    仪表板中选项卡外观样式详细设置讲解
    Wyn Enterprise 自助式分析(1)门户中的个人偏好设置
  • 原文地址:https://www.cnblogs.com/Byrd/p/2107356.html
Copyright © 2020-2023  润新知