Twitter Bootstrap 模态和 CRUD答案

【问题标题】：Twitter Bootstrap Modals and CRUDTwitter Bootstrap 模态和 CRUD
【发布时间】：2013-01-30 11:24:09
【问题描述】：

所以，我专门在 Laravel 中开发我的应用程序，但我认为这个问题对于任何 Web 应用程序都更普遍，因为它实际上是围绕引导和模式页面的使用。

我有兴趣了解其他人如何使用打包的引导模式创建 CRUD 功能。

模态似乎很适合所有类型的表单。问题确实与设置有关。我正在尝试为我的应用程序创建联系人 CRUD。

例如，一个帐户可能有多个联系人，因此在查看帐户页面时，我希望用户能够使用通过模式呈现的相同表单创建或更新联系人。

仅使用引导程序包，您可以使用远程数据加载模态的主体，但只能加载一次。所以我打开联系人 1 进行编辑，关闭模式，然后尝试打开联系人 2，我得到的唯一信息是联系人 1，因为它不会进行第二次远程加载。

使用这篇文章中的重要信息可以很容易地解决这个问题 Twitter bootstrap modal loads wrong remote data

虽然这个解决方案运行良好，但我似乎打破了框架，感觉就像我将模态用于它不打算用于的东西。也许引导模式不是 CRUD 的正确 ui 元素。那么，其他人是如何处理这个问题的呢？

【问题讨论】：

浏览器有标签，你真的应该只对需要当前页面状态的任务使用模式，如果你的 CRUD 需要另一个页面的状态，那么你就违反了 REST 原则。模态通常用于确认等，而不是完整的 CRUD。
标签？对于表格？我不关注。

【解决方案1】：

我已经做到了。解决这个问题的方法是使用 jQuery AJAX 调用并在 Laravel 应用程序中测试 Ajax 请求。

这里有一个很好的关于在 Laravel 中使用 Ajax 的教程： http://codehappy.daylerees.com/ajax-content

为了验证您的表单，我推荐 Parsley.js，它与 Bootstrap 配合得非常好： http://parsleyjs.org/

还有一个专门为 Bootstrap ajax 调用编写的很棒的插件，在这里查看如何将它集成到我的论坛帖子中： http://forums.laravel.io/viewtopic.php?pid=27900

【讨论】：

【解决方案2】：

我的公司使用 Bootstrap 模态进行相当复杂的表单数据交互并取得了良好的成功。我看不出为什么你不能使用 ajax 或其他任何东西以及模式来提供更无缝的用户体验。毕竟，模式只不过是浮动页面层上的 div。

【讨论】：