Twitter Bootstrap模式和CRUD

时间:2013-02-14 15:43:33

标签: jquery html twitter-bootstrap laravel

所以,我是专门在Laravel中开发我的应用程序,但我认为这个问题对于任何Web应用程序来说都更为通用,因为它实际上是关于bootstrap和模态页面的使用。

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

模态似乎很适合所有类型的形式。这个问题真的围绕着这个问题。我正在尝试为我的应用程序创建一个联系CRUD。

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

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

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

虽然这个解决方案运行良好,但似乎我打破了框架,感觉我正在使用模态来实现它不适合的东西。也许bootstrap模态不是CRUD的正确ui元素。那么,其他人如何处理这个问题呢?

2 个答案:

答案 0 :(得分:2)

我做到了这一点。 解决这个问题的方法是在Laravel应用程序中使用jQuery AJAX调用并测试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

答案 1 :(得分:1)

我的公司使用Bootstrap模式进行相当复杂的表单数据交互,取得了很好的成功。我认为没有理由不使用ajax或其他任何东西以及模态来提供更加无缝的用户体验。毕竟,模态只不过是浮动页面层上的div。