【问题标题】:CakePHP 2 and FullCalendar jQuery PlugIn - CSS conflict and save data asynchronousCakePHP 2 和 FullCalendar jQuery 插件 - CSS 冲突和异步保存数据
【发布时间】:2016-04-12 23:17:09
【问题描述】:

我在将 CakePHP (2.5.9) 与 FullCalendar 插件结合使用时遇到问题。

我的第一个问题是,FullCalendar 的 CSS 布局似乎干扰了 cakephp CSS 布局。如果 cake.generic.css 被加载,日历视图被破坏(日历不适合容器 div,单元格的大小错误,因此约会的持续时间没有在正确的时间结束,单元格部分重叠, ETC。)。如果我禁用 cake.generic.css 一切看起来都很好,但是我破坏了蛋糕视图(即使是简单的单选表单元素看起来也很糟糕)。

如何告诉 cakephp 使用 cake.generic.css 和 FullCalendar 只使用自己的 fullcalendar.css?

我的第二个问题是,我不确定如何将 cakephp 表单机制与 AJAX 机制结合起来。因此,如果我想通过单击时间线来创建约会,我认为应该可以在日历前面显示所需的表单字段,而无需重定向到带有 cakephp 表单的视图。与 cakephp 表单验证异步保存表单数据的最简单方法是什么?我想我必须这样做:

  • 使用 'required'=>false 来创建表单输入
  • 显示 UI 对话框(包含表单输入)
  • 按 ID 收集所有字段的数据
  • 将序列化数据发送到 cakephp action(AJAX)
  • invalidFields() 的 cakephp 动作测试
  • 如果验证失败,将 json_encoded 验证错误发送回 AJAX 成功函数
  • 在 AJAX 成功函数中迭代错误并将它们分配给 对应的表单 ID

有没有更好的方法来完成异步表单保存和验证?

【问题讨论】:

    标签: jquery cakephp fullcalendar cakephp-2.x


    【解决方案1】:

    Css 冲突:

    1. 加载 cake.generic.css / 或任何其他 css 框架
    2. 加载 fullcalendar css / 或任何其他插件 css
    3. 加载您的自定义 CSS

    第二个问题。

    这是旧教程,但请阅读此http://duckranger.com/2010/03/fullcalendar-and-cakephp-part-1-set-up/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-10-24
      • 2013-02-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多