个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
如何让 Backbone 路由器 + Kendo UI Mobile(tabstrip)协同工作？
我刚刚开始使用 Backbone，一直在考虑将其与 UI 结合使用。我可以通过禁用 JQM 的路由，使用 Backbone 和 jQuery Mobile (JQM) 来实现此目的，如本文所述:http://coenraets.org/blog/2012/03/using-backbone-js-with-jquery-mobile/
// Disable JQM routing
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
$.mobile.linkBindingEnabled = false;
$.mobile.hashListeningEnabled = false;
$.mobile.pushStateEnabled = false;
});
// Backbone Router
// Create backbone view, append it to the body, and then use JQM to change to that page
home: function () {
page = new HomeView();
page.render();
$('body').append( $(page.el) );
$.mobile.changePage( $(page.el), {changeHash:false} );
}
通过 Kendo UI Mobile 文档，我得到了这个工作页面:
<!DOCTYPE html>
<html>
<head>
<title>My App</title>
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
<section data-role="layout" data-id="default">
<header data-role="header">
<div data-role="navbar">My App</div>
</header>
<!--View content will render here-->
<footer data-role="footer">
<div data-role="tabstrip">
<a class="tab-a" data-icon="home" href="#home">Home</a>
<a class="tab-a" data-icon="bookmarks" href="#about">About</a>
</div>
</footer>
</section>
<div data-role="view" data-layout="default" id="home">Home Page</div>
<div data-role="view" data-layout="default" id="about">About Page</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<script>
var app = new kendo.mobile.Application();
</script>
</body>
</html>
它有一个带有 2 个按钮的选项卡，可让您在 2 个 View 之间切换。
我可以让它与 Backbone 路由器一起工作 - 当单击选项卡条按钮时调用路由“home”和“about”，但无法弄清楚如何拦截单击事件，使我能够生成 View ，将其附加到 DOM，然后确保相关的 tabstrip 按钮类更改为表示选定状态。
我尝试向 tabstrip 链接添加一个类 - $('.tabstrip-link').click( function () {alert( 'Clicked' ); } ) - 但无济于事(偶尔触发)。如何从正文标记之间删除 View ，并通过 Backbone 路由生成这些 View ，将它们附加到页眉和页 footer 分之间的布局，然后让 tabstrip 更改继续其业务？
最佳答案
如果您想使用 Backbone 路由器，您可能需要禁用 Kendo 路由器。移动设备中的 Kendo Router 并非设计为可禁用的。然而，乍一看，如果在创建应用程序之前放置以下内容，则对我有用。
kendo.mobile.Application.prototype._startHistory = function() {};
kendo.mobile.Application.prototype.router = {destroy: function() {}};
它之所以有效，是因为如果未创建路由器，Pane 有自己的历史记录管理。
关于kendo-ui - 如何让 Backbone 路由器 + Kendo UI Mobile (tabstrip) 协同工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14887910/
25
4
0
使用 ui-router-ng2 有哪些优点和缺点？而不是新的 Angular2 路由器？过去我使用 ui-router 和 Angular 1.x 而不是使用 ngRoute，因为我需要更好地支持嵌
本文主要记录个人对小米 WR30U 路由器的解锁和刷机过程，整体步骤与 一般安装流程 类似，但是由于 WR30U 的解锁 ssh 和刷机的过程中有一些细节需要注意，因此记录一下 解锁
我有路由器 { path: 'reset-password', component: ResetPasswordComponent, } 我希望能够将其作为直接链接 (/reset-passw
所以，我试图制作一个具有 Backbone 的示例应用程序，但我无法使路由器工作，对此有什么想法吗？谢谢。这是我的路由器 var Workspace = Backbone.Router.extend(
我正在研究分布式应用程序。网络基于ZMQ(jeromq)，这是我的架构: N Clients (Dealer socket) (Router) Proxy (Dealer) 1 (Dealer)
In this plunk我有一个 ui-router $state.goto这仅在第一次有效，即使我增加了 seq变量以强制重新加载。看到时间戳没有改变。这段代码有什么问题？ HTML G
我有面包屑组件，测试如下。测试应覆盖75%以上。测试失败，因为 ActivatedRoute.root.children 未定义。谁知道我该如何定义它？我需要至少一个 children 作为 root
我正在使用 RC5 和 "@angular/router": "3.0.0-rc.1" 我似乎无法捕捉到旧路线(示例): /category/subcategory/subcategory/artic
我确实有一个延迟加载模块，当我转到 /lazy 时默认加载 LazyLoadedComponent。到目前为止，没问题。 此组件包含 2 个路由器 socket : 模块有以下路由: const
我试图用不同的参数路由到当前页面，但没有成功。我有一个触发的组合框: this.router.navigate(['page', selectedId]); Url 正在更改，仅此而已。 如何使用不同
我正在尝试使用 React 路由器构建 SPA。当我使用链接导航时，它工作得很好，但是刷新或写入 url 时，它给我 cannot GET/(any route except main)。我试图将 h
我无法在我的 app.js 文件中添加样式。 div 在路线内不起作用。有没有其他方法可以在路由中添加样式？ : } /> } /> }> } />
根据用户角色在 react-router 中有条件地呈现路由的最佳方法是什么。我有一个案例，并非所有角色都有权查看某些路线。而且我还需要处理子路线。因此，如果主要路线之一类似于/posts，我只希望
我想使用 Flash 的 RTMFP 对等协议(protocol)，但我想知道它是否值得为主流受众开发？据我了解，它使用 UDP，除非用户的防火墙/路由器配置正确，否则它变得毫无用处。 这个问题有解决
我有一 strip 有 waitOn 的路线返回 Meteor.subscribe 的钩子(Hook).每次触发路线时，我都会从我的 loadingTemplate 中看到微调器在看到实际数据之前简要
所以我最近开始尝试使用 createMemoryHistory，因为我正在构建一个将在 iframe 中呈现的应用程序。幸运的是，单击 UI 按钮，我可以在不修改 url 的情况下四处导航。但是，当我
我在我的 React redux 应用程序中使用 connected-react-router。我需要服务器端渲染和客户端渲染(我通过 limenius react bundle 在 symfony
我是一名 ios 开发人员，并试图找出 viper 架构中的路由器和 coordinator 之间的区别。 我真的找不到明确的答案是协调器只是被认为是一种模式，所以路由器毕竟只是某种协调器还是它们有不
我想要这样的东西: if ($state.get("^")) $state.go("^"); else $location.path('/'); 但它显然不起作用(即使没有父状态，它也总是与 $sta
当我从 react-router-dom 使用 BrowserRouter 时，我的路由正在工作。但是为了使用自定义历史记录，我用来自 react-router 的 Router 替换了 Browse
我是一名优秀的程序员,十分优秀！