问题标签 [kendo-listview]
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.
kendo-ui - 获取绑定到 Kendo ListView 中项目的对象
我有一个 kendoListView,它绑定到具有多个字段的对象列表。
现在我想获取该列表中所有选中的项目。我已经能够使用以下代码来做到这一点:
现在的问题是我找不到将整个对象绑定到此输入的方法,即我希望将整个对象绑定到此检查输入,其中不仅包括名称,还包括 EmpID 和年龄(该绑定的所有属性目的)。
这是如何实现的?是否可以将对象绑定到 Kendo 列表视图中的项目?
javascript - 如何在 Knockout JS 中实现 Kendo Mobile“按加载更多”
我在一页中有一系列数据,其中我使用 linq 获取过去两天的数据。我想创建一个按钮,单击它可以获得 5 天以上的数据。请找到获取 2 天数据的代码。我需要将此添加到我的代码按以加载更多
https://demos.telerik.com/kendo-ui/m/index#mobile-listview/press-to-load-more
angularjs - 剑道寻呼机不更新剑道列表视图数据源
我正在使用带有剑道列表视图的剑道寻呼机。在客户端完成分页时,kendo 寻呼机工作正常。当在数据源中启用服务器分页并在模式中设置数据/总计时,剑道分页器不起作用。(它只显示“没有要显示的项目”)。
当我使用相同的数据源和选项(在控制器中指定)用剑道网格替换剑道列表视图时,网格附带的分页(不是剑道寻呼机)运行良好(能够看到总数)。
需要使 kendo-pager 与 kendo 列表视图一起工作。(注意:这里,“总计”从 WebApi 控制器返回,我可以在总计函数中看到正确的总计)。请在下面找到示例数据源和列表视图和寻呼机选项。如果我遗漏了什么,请告诉我。
javascript - 将选中的输入复选框的属性绑定到字段
我需要准备一个 kendo listView,其中每个项目都是一个输入复选框,如图所示。
此 listView 绑定到具有两个属性的对象列表:“Title”和“IsChecked”
我使用以下模板来准备这个 listView:
从模板中可以看出,“标题”属性绑定显示复选框的内容,但我需要将输入的选中属性绑定到“IsChecked”字段,这样如果它为真,那么复选框应该显示为选中或未选中如果为假取决于财产的价值。
复选框的选中属性如何绑定到“IsChecked”字段?
还有一个问题.. 是否可以有两种方式绑定,如果我手动选中/取消选中复选框,它的值将更改为 dataSource 中的“IsChecked”属性?
javascript - dom中输入元素模糊的隐藏焦点
一点说明:我正在使用 kendo UI(Telerik)的列表视图控件。在列表视图中编辑字段后,我触发了该控件的更新事件。列表视图控件有一些文本框、下拉列表、复选框和提交按钮。当用户更改某些内容时,理想情况下它应该触发更新但它不进行更新,因为控制无法判断模型是否发生变化。
仅当我在文本框中输入内容并单击文本框外部时,它才有效,即在点击提交之前只做一个 onblur。我不知道为什么会这样,但我需要的是触发焦点事件但处于隐藏模式,以便用户不知道它,但它只是在用户在文本框中输入内容之后发生,以便列表视图控件工作成功地。
我正在尝试像下面那样做,但它会引起用户的注意。用户在提交之前在文本框中输入内容后,如何在隐藏模式下触发焦点?
jquery - 使用搜索栏和下拉菜单过滤 Kendo ListView
我的页面上有一个Kendo ListView
,我希望能够使用自定义搜索栏和两个Kendo DropDownLists
来允许用户过滤ListView
.
仅使用搜索栏或仅使用下拉菜单进行过滤时我没有问题,但我遇到了试图弄清楚如何能够同时使用所有三个过滤数据的问题。
例如,我希望能够在搜索中输入一些内容并让它过滤搜索词。然后使用显示的结果,我希望能够使用任一下拉菜单过滤这些结果。
我在这里有一个完整的例子:https ://codepen.io/anon/pen/eRpoag
要对其进行测试,请在搜索栏中输入“test”。您会注意到它过滤到一个结果。现在展开“产品类型”下拉菜单并选择“类型 1”。请注意它是如何显示该类型的所有产品的?它不应该显示任何结果,因为我只想在当前过滤器之上应用该过滤器。
kendo-ui - Kendo ListView 和 MVVM“编辑模板”取消按钮将绑定数据重置为初始状态
我有一个绑定到 Observable 对象的 Kendo ListView,一切运行良好。
我能够:
- 将项目添加到列表
- 使用下面的编辑模板编辑现有项目
- 删除项目
一个奇怪的是,当我将一个项目切换到编辑视图并单击取消时,它会将所有数据重置回原始数据。因此,如果我从一个带有名称和金额字段的项目开始,我编辑该项目并更改金额,然后再添加两个项目到列表中,一切都很好。但是然后我单击任何项目的编辑并立即单击取消,从这里它删除了我添加的所有其他项目并将第一个项目的数据重置为开始时的数据。
为什么取消操作会这样做?
这个 dojo 片段显示了我遇到的确切问题:http: //dojo.telerik.com/IKowo
剑道版本2016.3.1118
编辑:进一步的发展,我在 Telerik 上发现了一个论坛帖子,指出您必须有一个 ID 列和一个 schema:model:id 设置,否则事情将无法按预期工作。
我已将 dojo 片段更新如下:http ://dojo.telerik.com/IKowo/2
由于将 ID 添加到组合中,看起来金额不受取消按钮的影响,但新添加的项目仍会被删除。
javascript - Kendo ListView:通过选择所需项目切换到编辑模板
我有一个简单的例子来说明这个问题:http ://dojo.telerik.com/AROMAZ
我想选择(单击)一个项目以使其切换到其“编辑”模板。仅当我在选择新项目之前单击已编辑项目的“取消”图标时,它才能正常工作。
如果我选择了一个新项目而不手动取消选择前一个项目,它将停止工作。
我不依赖什么,也没有“取消”按钮。
应该很简单。单击要编辑的项目(切换到其“编辑”模板)。选择一个应取消选择先前选择的项目。即一次编辑一个。
我认为问题是我找不到在手动编辑另一个项目之前自动选择/取消编辑项目(如果有任何选择)的方法。
编辑1:
放置this.cancel();
之前this.edit(selected)
没有按预期工作。请注意,此代码在原始 dojo 示例中已被注释掉。
当您选择一个新项目时,先前选择的项目将被取消编辑(这很好)。但是,新选择的项目不会被编辑(不良行为),并且会引发异常(不良行为)。
例外是:
this.cancel();
在这个修改后的道场中说明了添加:http: //dojo.telerik.com/AROMAZ/7
注意:要查看异常,请打开浏览器的开发者工具(即 Chrome 中的 Shift+Ctr+I)
编辑2:
放在this.save();
前面this.edit(selected)
也可以抛出异常。示例:http: //jsfiddle.net/horacioj/mkJTG/417/
javascript - kendo ListView 中的项目在单击 ListView 时跳转到页面顶部 ListView 初始化时在 listView 中的第一行
在 Kendo Listview 中,我在 dataSource 中有一个项目列表,因此我有一个滚动选项来查看项目列表。点击任意一行后,整个 listView 都会跳到 listView 中第一行的顶部。这种跳跃只发生在第一个选择上。后续选择不会导致 listView 跳转。
我尝试将 Navigatable 选项设置为 false 并解决了问题。但我需要在我的列表视图中导航选项。
这个问题有什么解决方案吗?