Asp.Net MVC 应用程序的 Kendo UI 与 Jquery/Bootstrap 设计决策

Posted 2023-05-07

【中文标题】Asp.Net MVC 应用程序的 Kendo UI 与 Jquery/Bootstrap 设计决策

【英文标题】：KendoUI vs Jquery/Bootstrap Design decision for Asp.Net MVC application

【发布时间】：2013-12-13 20:41:09

【问题描述】：

我正在为新的 ASP.Net MVC4 网站评估上述技术。我们希望有一个响应式网站来支持桌面和手机。

剑道用户界面

我不确定现有的 MVC 控件是否响应。手机有不同的控件集。这是否意味着我需要维护 2 个桌面和移动项目？

我们公司已经购买了 KendoUI（用于其他项目）

Jquery/Bootstrap

由于大多数 Bootstrap 控件都是响应式的，因此它看起来更适合我们，而且它是免费的

我有一些使用 Bootstrap 响应式网站的经验，我知道有时用媒体查询覆盖样式可能会很痛苦。我们可以对 KendoUI 做同样的事情吗？它需要和 Bootstrap 一样多的努力吗？

如果有人之前有任何使用 KendoUI 的响应式网站经验，请分享..

编辑

当我浏览 KendoUI 网站的响应式演示时，它给了我以下消息。

Kendo UI Mobile 仅在基于 WebKit 的浏览器和 IE10。请使用兼容的桌面浏览器或打开示例 基于移动 WebKit 的浏览器或 Windows Phone。

这是否意味着如果我使用 KendoUI 响应式控件创建网站，它将无法在 IE9 和 Firfox 中运行（不是基于 WebKit）？

【参考方案1】：

好吧，为什么不两者兼而有之？

this 2012 KendoUI blog post 显示这两个框架可以很好地协同工作。我仍在学习这两种工具，但我打算使用类似的方法。

希望对您有所帮助。

【讨论】：

好的，我会给出显而易见的答案，因为学习两者是要学习的东西的 2 倍。我错了吗？

【参考方案2】：

截至 2013 年第 3 季度发布，Kendo UI 已与 Bootstrap 3 集成，并使其某些控件（即网格）对移动设备友好。所以我会说两者都用！

您可以在他们的博客上阅读有关该版本的更多信息：http://www.kendoui.com/blogs/teamblog/posts/13-11-20/new-in-kendo-ui-q3-2013.aspx

并在此处演示 Bootstrap 集成：http://demos.kendoui.com/bootstrap/（请务必在移动设备上查看）。

此外，据我所知，Kendo 仍然可以与 IE 9+（在某种程度上也可能是 8）和 Firefox 一起使用。

【参考方案3】：

感谢@mmillican 和@paulo.vin 的回答。这就是我们最终的结果。我知道 KendoUI 的人不会喜欢这个，但它就是这样......

发现使用bootstrap很方便。我们没有专门的 UI 设计师，因此使用引导程序设计网站非常容易。而且它的javascript控件也非常好。而且它也支持IE8。

安装了最新的 KendoUI 并尝试使用网格控件。不幸的是，让它按照想要的方式工作是一个很大的痛苦。主要是造型。所以我必须摆脱它，将所有网格移动到DataTables.net，这是最好的基于 javascript 的网格控件之一。我当然可以推荐它。

最后，我的项目中只有 Kendo Date 选择器。

我个人认为现在仍然不是尝试将两者融合到一个项目中的最佳时机。考虑到成本，最好选择 Bootstrap 和其他免费提供的组件。但是，如果您的组织已经投资了剑道，请确保您接受过剑道专家的适当培训，否则解决诸如更改背景颜色、列宽等小问题将非常耗时。