问题标签 [kendo-mobile]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
229 浏览

ios - 如何在 iOS PhoneGap/Corova 应用程序中增加顶部导航栏按钮的可点击区域

我一直在 iOS 上开发混合应用程序,我遇到的最明显的问题是模拟顶部导航栏上的本机后退按钮的后退按钮的面积要小得多。

这可能是由于按钮位于屏幕顶部边缘的边缘,并且 web 视图不会将边缘上的点击解释为用于 web 视图,可能是状态栏。

我什至将按钮元素上的填充放大到占据整个屏幕左上角的位置,并且不会注册点击,除非您瞄准 web 视图顶部下方 3.5 毫米。在本机应用程序上,您可以将目标对准边缘 0 毫米并注册。

这可能看起来并没有那么糟糕,但是当你允许长期的 iO​​S 用户看到 3.5 毫米非常明显时,他们对触摸应该在哪里注册的心理模型会让他们立即认为应用程序坏了,而不是他们点击了错误的区域。

我感兴趣的是有关如何最大限度地减少原生和混合之间的这种差异的任何其他信息,或建议的解决方案/信息,从而更好地理解为什么会发生这种情况。

使用 Cordova / PhoneGap 和 Kendo Mobile 来实现应用程序

0 投票
1 回答
1872 浏览

kendo-mobile - 剑道分组列表视图

我想知道如何修改 kendo mobile 附带的示例分组列表视图。列表视图显示平面视图和分组视图。如何使列表视图中的项目可单击,以便在单击时导航到不同的网页?

我尝试创建一个带有锚标记和 href 的模板,它在 IE 中工作,但在点击 android 手机时什么也不做。

谢谢

0 投票
1 回答
573 浏览

kendo-ui - 剑道列表视图导航

我只是想在剑道列表视图中创建指向另一个 html 页面的链接。列表项呈现良好并且可单击,但是当我单击链接时,它所做的只是将“#MyPage.html”附加到当前 URL 并且不会导航到任何地方。

我究竟做错了什么?

0 投票
2 回答
1975 浏览

kendo-ui - Kendo Mobile - 提交完整表格

我有一个剑道移动表格,我将使用它来从我的用户那里获取一些信息。

我想使用 ajax 将数据发布到 Web 服务或 aspx(测试页)。将 MVVM 用于用户填写的表单似乎有点矫枉过正,不会有读取/更新/删除。

ajax 调用发生,但我不知道如何发布数据。如果我使用 $(this).serialize(),什么都不会发生。如果我对一些数据进行硬编码,那么它就可以工作。页面上会有很多控件,我希望我不必手动构建表单数据。我无法添加<form>标签,因为它破坏了页面的样式。

如果有更“剑道”的方式来做到这一点,请告诉我如何。谢谢

这是我到目前为止所拥有的。

0 投票
1 回答
931 浏览

kendo-ui - Kendo 视图模型未与 DataSource 绑定

我想将我的表单绑定到 kedno 可观察视图模型。我可以让它与硬编码值一起工作,但不是数据源。我已验证数据源在视图中有一项,我可以获取它。请参阅下面的代码。有任何想法吗?谢谢

0 投票
1 回答
859 浏览

kendo-ui - 使用自定义图标时 TabStrip 不呈现数据徽章

在 Kendo UI Mobile 版本 v2013.1.621 中,我使用带有自定义图标的 TabStrip。这一切都很好,除了当我想向它添加数据徽章时。不知何故,自定义图标/图像的 webkit-mask 完全“隐藏”了数据徽章。

我的示例如下,在带有 webkit 掩码的自定义图标上使用 Kendo 的文档化方法

同样,自定义图标在 iOS 和 Android 上都运行良好。但是当我附加data-badge="99"属性时,徽章根本不显示。通过检查 DOM,它看起来就位,但完全不可见。

如上面示例中指定的那样,删除该wekit-mask-box-image行会使数据徽章出现,但不会呈现自定义 TabStrip 图标。

看起来很直截了当,但我似乎无法指出这里出了什么问题。有什么建议么?

0 投票
0 回答
379 浏览

javascript - Kendo UI Mobile 无法在 Phonegap 模拟器上运行

我想使用 Phonegap 模拟器来测试一个使用 Kendo UI Mobile 的应用程序。当我在真实设备上测试 Kendo UI 时,它会被初始化,仍然从未调用 Geolocation onSuccess 方法,但在 Phonegap Emulator 上我什至看不到 Kendo Ui 正在初始化。请帮我运行这个应用程序

0 投票
1 回答
1000 浏览

javascript - 关闭剑道 ui 移动视图

如何关闭剑道 UI 移动视图并卸载其所有内容。此视图包含一个 youtube 视频,一旦用户单击视图顶部的后退按钮或使用设备上的物理后退按钮在 android 上单击,就需要停止/卸载该视频?

这是我视图的代码,但我似乎无法关闭视图。当我使用后退按钮时,视图会消失,但内容不会卸载。

0 投票
1 回答
3160 浏览

kendo-ui - 在 Kendo UI Mobile 的显示事件中更改标题?

如何在视图的显示事件期间更改标题?这是我正在尝试做的,但没有做任何事情:

似乎更改 options.title 为时已晚并且不显示。有没有好的方法来做到这一点?

0 投票
1 回答
1587 浏览

kendo-ui - 在 Durandal 中在哪里启动 Kendo 移动应用程序

我正在尝试在我的 PhoneGap Durandal 项目中使用 Kendo 的移动小部件。在此处查看示例源项目:https ://github.com/rodneyjoyce/DurandalKendoMobile/tree/master/App

我不明白将剑道初始化代码放在哪里(没有这个小部件不会呈现):

我尝试将它放入 Index.html、shell.html 和特定的 Durandal 页面视图 (x.html)、shell.js、main、js 和 x.js,但这些都不起作用。

我的索引页面中有这些链接:

My Durandal View 具有以下带有 Kendo Mobile 小部件的 HTML:

和我的 ViewModel 这个视图:

如果我不调用 kendoMobileApplication 则不会渲染 Kendo Mobile 小部件(它只显示没有 CSS 的“1 Title 2”(即 Kendo 没有转换它们)。

一切似乎都取决于在哪里调用它:Durandal 中的 kendoMobileApplication。

我遵循 Durandal 指南为 Kendo 绑定提供了自己的命名空间:http ://durandaljs.com/documentation/KendoUI/

更新 1

我创建了一个简单的 Durandal 1.2 项目,它突出了 Kendo Mobile 和 Durandal(以及 PhoneGap,但在这里无关紧要)的问题,即:

让 Mobile 控件正确呈现的唯一方法是调用 kendo.mobile.Application。但是,如果将其放入不同的文件并使用 Durandal 加载,则无法找到正确的 HTML 元素。我找不到放置此初始化代码的正确位置,因为它会引发此错误:“未捕获的错误:您的 kendo 移动应用程序元素不包含任何具有 data-role="view" 属性集的直接子元素。确保使用正确的容器实例化移动应用程序。”</p>

kendoIndex.html 不是 Durandal,但显示了如果正确调用了 kendo.mobile.Application 它应该如何呈现(首先运行它以查看我们想要实现的目标)

Shell :具有未渲染的剑道布局。主页视图:具有简单的 Kendo Mobile 视图 - 这不会被渲染。关于:一个没有剑道的简单 HTML 页面

来源在 Guthub - 如果有人能让 Kendo Mobile 与 Durandal 合作,我将不胜感激(或者至少确认它是否不可能(Telerik 对此毫无帮助))。 https://github.com/rodneyjoyce/DurandalKendoMobile/tree/master/App