CakePHP 2和FullCalendar jQuery PlugIn - CSS冲突并保存数据异步

Question

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

我的第一个问题是，FullCalendar的CSS布局似乎会干扰cakephp CSS布局。如果加载了cake.generic.css，日历视图就会被破坏（日历不适合容器div，单元格的大小错误，因此约会的持续时间没有在正确的时间结束，单元格部分重叠，等等。）。如果我禁用cake.generic.css一切看起来都很好，但后来我破坏了蛋糕视图（即使是一个简单的无线电形式元素看起来很可怕）。

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

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

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

有没有更好的方法来通过验证来完成异步表单保存？

Answer 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/