问题标签 [kendo-mvvm]

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 投票
2 回答
861 浏览

kendo-ui - 为什么初始化 Kendo 网格后数据绑定 VM 在 Chrome 而不是 IE 中工作?

我在 jsFiddle 中设置了一个简单的示例,我在其中初始化了一个剑道网格,然后绑定了一个视图模型。Chrome 中每一行的数据都填充在网格中,但 IE9 中没有。

这是html:

这是JS:

这是 jsFiddle:http: //jsfiddle.net/e2XHN/1/

在我的原始示例中,我data-role="grid"在表格元素上使用,但这段代码更清晰。如果$("#example table").kendoGrid();是之后,kendo.bind($("#example"), viewModel);那么它可以在 IE 中使用。如果它在此之前,则它不起作用,并且控制台中不会出现异常。它在 chrome 中双向工作。

我知道我也可以将其设置为网格的数据源。我的偏好是使用data-role="grid",所以这就是我关心的原因。

所以我有一个解决方法,但有谁知道为什么这在 IE9 中不起作用但在 Chrome 中起作用?

我只是将其作为 Telerik 的错误打开,但是当我访问他们的公共问题跟踪器(http://www.telerik.com/support/pits.aspx)时,它对我来说是空白的。

0 投票
1 回答
1980 浏览

kendo-ui - Kendo 取消绑定 ViewModel 并重新绑定到其他

我有用于“添加”表单的视图模型。在该表格上,我有 1 个名为“描述”的文本框。第一次用户在该字段中输入一些文本。Whan 用户按下取消(在同一个表单上),然后再次按下添加,表单将出现在“描述”字段中输入的值。

我想创建新的视图模型并取消绑定所有具有错误值的模型。但是当我这样做时:

旧值保留在描述文本框中。

编辑:

为什么我的字段等于 2?

如果我添加

最后我的价值等于'aaaa'。这意味着元素绑定到第一个模型。这里有什么问题?

我发现了问题:

问题是我在该元素中有剑道窗口,当我第一次打开该窗口时,它会替换 HTML 并且绑定是错误的。

0 投票
2 回答
623 浏览

javascript - Callback for MVVM binding in Kendo?

I get a flash of unstyled content when I initially load the page, it seems until Kendo.bind(element, viewModel) takes time to process the HTML to scan, parse, manipulate, etc.

It would be nice if the kendo object had page lifecycle events so I can subscribe to it for example, but it doesn't seem like there's something for that. Is there a way I can hide the container element or load a progress bar, then fade in when Kendo is done changing the page? Any help or advise would be greatly appreciated.

0 投票
1 回答
1512 浏览

jquery - 更新字段数据后剑道网格 MVVM 内联编辑焦点问题

我们正在尝试使用在线编辑模式下的所有字段创建 Kendo Grid。当编辑字段选项卡更改不移动到下一个控件时,我们面临问题。

重复问题的步骤:

  1. 编辑第一个单元格中的文本
  2. 点击tab键
  3. 从网格中失去焦点。

请帮忙解决。

http://jsfiddle.net/suniltvl/eUhP5/

JS:

HTML

0 投票
2 回答
16195 浏览

javascript - 将 Kendo UI 下拉列表绑定到由数据源填充的 ViewModel 的最佳方法是什么?

我有一个模板中的 kendoUI 下拉列表并绑定到 ViewModel,以及绑定到下拉列表中选择的数据项的跨度:

我的视图模型:

最初,我使用硬编码的约会类型数组,并在上面的 viewModel 声明中将 selectedAppointment 设置为约会类型 [0]。这现在不起作用,因为数据源是异步加载的。viewModel 在 onSelected 函数中更新:

模板在一个窗口中,第一次加载时跨度为空,然后工作(一旦从第一个请求加载数据)。

我的问题是,如何让 span 的数据绑定在第一个请求上工作,以便它显示数据源返回的列表中当前选择的约会类型的持续时间?我是否尝试将其绑定到下拉列表的选定数据项?我应该在某个地方使用回调来执行此操作吗?模板位于 kendoScheduler 中,如果这很重要:

谢谢!

更新:我一直在使用的模板是 Kendo UI Scheduler 的编辑器,它没有绑定到它的视图模型,而是使用部分视图模型作为它的数据源。在这种情况下,尝试使用 data-bind="events:{...}" 语法会导致我遇到奇怪的类型错误。为了连接数据绑定事件,Atanas 让我知道使用 data-bound="onDataBound" 和全局处理函数(或者以声明方式配置我的调度程序并将其绑定到视图模型)。使用数据绑定结合下面的答案对我有用。

0 投票
1 回答
3407 浏览

kendo-mvvm - 带有 HTML 的 Kendo MVVM 模板下拉菜单

我有一个剑道模板,我在其中绑定了一个剑道 DropDownList。我无法让 HTML 显示在下拉列表的文本中。

我可以通过某种绑定来使 HTML 正常工作吗?

0 投票
1 回答
3162 浏览

kendo-ui - 将参数作为查询字符串传递给 kendo 数据源创建方法

场景:考虑我们有两个视图模型使用相同的数据源masterDataSource,我们想向实体添加一个detail实体master

问题:如何将masterId查询字符串作为查询字符串从这些视图模型传递给数据源的 create 方法:

0 投票
1 回答
2401 浏览

javascript - 在多个视图模型中使用剑道可观察属性

在使用 Kendo MVVM 框架的 Kendo 应用程序中:我有一个“全局”视图模型,它是应用程序所有部分共有的信息 - 例如 UserState,它有一个属性 isLoggedIn。

许多不同的 View 和 ViewModel 访问 userState 对象(据我所知,1 View 绑定到 Kendo 中的 1 ViewModel)。

例如,如果未通过身份验证,我的主页可能会显示登录按钮。然后,一旦您登录,所有其他屏幕的行为都会有所不同,因此每个 ViewModel 都需要引用 UserState 对象。但是,如果其中任何一个更改了它,那么所有其他视图都应该更新,因为我使用了 Kendo Observable 对象。这似乎不起作用。

我在这里设置了一个简单的例子来说明问题:http: //jsfiddle.net/rodneyjoyce/uz7ph/11

当我调用 userState.loginUser() 来更改 userStateViewModel 中 isLoggedIn 的值时,它不会更新。运行并单击按钮以查看问题 - 绑定不反映更新的值(但警报框会)。任何帮助表示赞赏,谢谢。

注意:这是对较早问题的扩展,它让我更进一步。

0 投票
0 回答
236 浏览

asp.net - Visual Studio 2013 Update 2 CTP 2 intellisense via ko-vs-editor for a javascript viewModel 但不工作?

一直在尝试在这里使用淘汰赛 ko-vs-editor intellisense 的最新 Visual Studio 2013 功能。

  • 需要注意的是,我没有在这里安装淘汰赛框架,因为我使用的是 Kendo MVVM。
  • 还使用带有 MVC 4 的 Razor。

想知道智能感知功能是否依赖于 Knockout、MVC 版本或 View Engine 的特定块?

0 投票
2 回答
3287 浏览

kendo-ui - 带有 MVVM 的剑道网格,绑定列可见性

我有一个使用 MVVM 的剑道网格。我的问题是我似乎无法使用 hidden 属性和表达式设置列可见性:

该模板有效,但“隐藏”属性似乎无效。

有什么办法可以让它工作吗?