标签: kendo-ui
Kendo UI DropDownListFor 值不能为 null 绑定错误
我的 MVC 4 应用程序中有以下 Kendo UI DropDownListFor，并且在提交时收到值不能为空错误。
@Html.Kendo()
.DropDownListFor(m => m.JobTitle)
.BindTo(ViewData["Jobs"] as SelectList)
通常，我会使用视图模型来处理绑定，但在这种情况下，这不是一个选项，因此我尝试使用 ViewData 列表填充我的列表。该列表可以很好地加载到下拉列表中，但它没有将我的选择与 JobTitle 值关联起来。任何对此的建议将不胜感激，因为我已经尝试了我能想到的一切。
asp.net asp.net-mvc asp.net-mvc-4 kendo-ui kendo-asp.net-mvc
推荐指数
解决办法
查看次数
KendoUI Tabstrib 在所有选项卡上选择第一个选项卡
我有一个包含多个 kendoUI 选项卡的页面，我遇到的问题是我想选择页面上所有选项卡的第一个选项卡。我目前的代码适用于第一个选项卡条，但不适用于该点之后的任何选项卡条。
我试图避免使用列表类<li class="k-state-active">来设置初始活动选项卡。
目前这是我的代码：
$(".tabstrip").kendoTabStrip({
animation: {
open: {
effects: "fadeIn"
}
}
}).data("kendoTabStrip").select(0);
我使用类而不是 ID，因为有多个选项卡条是根据数据源动态创建的。
推荐指数
解决办法
查看次数
Kendo UI 如何使用 jQuery 获取网格属性？
如何使用 jQuery 数据属性获取 Kendo UI 网格 orderBy 属性？
例如在 telerik UI 中，我可以做类似的事情
jQuery("#name").data("tGrid").orderBy
这给了我所需的结果，即网格当前排序所依据的列。我无法在 Kendo 中找到相应的属性。
同样，我也需要 groupBy 和 filterBy 属性。
推荐指数
解决办法
查看次数
如何隐藏 Kendo UI Scheduler 小部件上时间线月份视图的时间标题？
我试图从 Kendo UI Scheduler 小部件隐藏时间标题，但直到现在，我还没有在我选择的视图类型中获得所需的结果。我不需要时间，因为我所有的活动都是全天活动。因此，有没有办法不显示 12:00 AM、13:00 AM 等时间...
我按照文档进行操作，如果我将其放入脚本中，调度程序将不再显示。这是脚本：
dataBinding: function(e) {
var view = this.view();
view.times.hide();
view.timesHeader.hide();
},
和/或
dataBound: function(e) {
var tables = $(".k-scheduler-times .k-scheduler-table");
//Required: remove only last table in dataBound when grouped
tables = tables.last();
var rows = tables.find("tr");
rows.each(function() {
$(this).children("th:last").hide();
});
},
然后，作为另一种选择，我只是将这行脚本添加到视图部分：
minorTickCount: 0
然而，所有带有 12:00 AM 的行都消失了，这使得我的日程表完全过时了，因为它删除了显示事件的所有单元格。
有人遇到过这样的问题需要克服吗？
推荐指数
解决办法
查看次数
如何设置禁用/仅启用 Kendo UI 控件
我有一个带有各种控件的表单，例如数字框、组合框和日期选择器。有没有办法一次性禁用/使其只读？类似于 jQuery Mobile 设置属性并调用refresh()方法。
推荐指数
解决办法
查看次数
Kendo UI 多选下拉菜单带有过滤器并选择所有选项
我需要一个具有以下功能的 kendo ui 下拉列表。
- 带有选择复选框的多选下拉菜单可一次检查多个选项。
- 选择所有复选框作为标题模板，当我单击它时，会选择该选项的所有过滤搜索结果。
我查阅了很多参考资料，并从 telrik 找到了一个接近的解决方案。至此我的第一个要求就满足了。我已在此处附加了代码片段。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.rtl.min.css" />
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.silver.min.css" />
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.mobile.all.min.css" />
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" role="application">
<div class="demo-section k-header">
<h2>Invite Attendees</h2>
<label for="required">Required</label>
<select id="required" multiple="multiple" data-placeholder="Select attendees...">
<option selected>Steven White</option>
<option>Nancy King</option>
<option>Nancy Davolio</option>
<option>Robert Davolio</option>
<option>Michael Leverling</option>
<option>Andrew Callahan</option>
<option>Michael Suyama</option>
<option selected>Anne King</option>
<option>Laura Peacock</option>
<option>Robert Fuller</option>
<option>Janet …推荐指数
解决办法
查看次数
jQuery(...).kendoChart 不是函数错误
我在 mvc razor 中使用剑道图
@(Html.Kendo().Chart().Name("chart"))
使用这个js和cs文件
<link href="~/Scripts/kendo.dataviz.default.min.css" rel="stylesheet" />
<link href="~/Scripts/kendo.default.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/kendo.all.min.js"></script>
我该如何解决这个问题？
推荐指数
解决办法
查看次数
Kendo grid - 如何获取单击的模板按钮的记录 ID
我有一个 id="gridtemplate" 定义的剑道网格，如下所示：
<div>
<h4>Download a data import template</h4>
<div data-role="grid"
data-editable="inline"
data-toolbar="['create', 'save']"
data-columns="[
{ 'field': 'TemplateID', 'hidden': 'true', 'width': 270 },
{ 'field': 'TemplateType' },
{ 'field': 'FileName','title': 'FileName'},
{command:{ text: 'download', click: viewModel.Download, name:'Download' } }
]"
data-bind="source: templates,
visible: isVisible,
events: {
save: onSave,
edit: onEdit
}"
style="height: 200px"></div>
</div>
单击每行中的下载按钮后，我想获取与该行关联的记录 ID。我的视图模型中有一个名为 Download 的函数，定义如下：
var viewModel = kendo.observable({
isVisible: true,
Download: function (e) {
console.log(id);//want to see the TemplateID here
}
});
作为剑道新手，我不知道如何做到这一点。请帮忙。提前致谢。
推荐指数
解决办法
查看次数
如何为 k-grid td 设置样式但仅针对一列？
我正在使用剑道网格，对于我的肯德网格中的一列，我正在使用工具提示。现在，经过一番修改后，我发现为了正确显示工具提示，我需要重写类overflow上的属性k-grid td。所以我只是说
k-grid td {
overflow:visible
}
在我的 HTML 和繁荣中，我的工具提示已修复。然而，它允许其他列溢出，这显然弄乱了我的网格。所以我意识到我需要一种方法来基本上说“请” override k-grid td，但仅限于本专栏。我将 Kendo Grid 与 Angular 一起使用，我的字段定义如下所示
{
field: "StateString",
title: "State",
width: "120px",
}
我应该在代码中更改什么，以便我可以仅针对此列覆盖 k-grid-td 的溢出属性？
推荐指数
解决办法
查看次数
在 Kendo UI 中为 Angular 创建动态网格
Kendo UI for Angular 有一个网格，可以定义如下：
<kendo-grid [data]="gridData" [height]="410">
<kendo-grid-column field="ProductID" title="ID" width="40">
</kendo-grid-column>
<kendo-grid-column field="ProductName" title="Name" width="250">
</kendo-grid-column>
<kendo-grid-column field="Category.CategoryName" title="Category">
</kendo-grid-column>
<kendo-grid-column field="UnitPrice" title="Price" width="80">
</kendo-grid-column>
</kendo-grid>
但我需要做的是动态构建列。就像是：
var grid = new KendoGrid();
var column = new KendoGridColumn();
grid.add(column);
这可能吗？
推荐指数
解决办法
查看次数
标签 统计
kendo-ui ×10
jquery ×6
javascript ×3
kendo-grid ×2
angular ×1
angularjs ×1
asp.net ×1
asp.net-mvc ×1
css ×1
html ×1
multi-select ×1