标签: kendo-asp.net-mvc

Kendo DatePicker 文化无法正常工作

我想将 Kendo Datepicker 本地化为我的文化“is-IS”,但由于某种原因它不能\xc2\xb4t 正常工作。这是代码示例:

\n\n
$("#RegisterDatePicker").kendoDatePicker({\n    start: "month",\n    culture: "is-IS",\n    value: new Date(),\n    format: "dd.MMMM yyyy",\n    events: {\n        change: "registerDatePicker_OnChange"\n    }\n});\n
Run Code Online (Sandbox Code Playgroud)\n\n

该文化似乎恢复到其默认本地化“en-US”。我知道这种文化应该与 Datepicker 一起使用,因为每当我在 Razor 引擎中声明 Datepicker 时,它都会正确呈现。Here\xc2\xb4s 来自 Razor 的代码示例:

\n\n
@(Html.Kendo().DatePicker()\n  .Name("RegisterDatePicker")\n  .Start(CalendarView.Month)\n  .Value(DateTime.Now)\n  .Format("dd.MMMM yyyy")\n  .Events(e => e.Change("registerDatePicker_OnChange"))\n  .Culture("is-IS")\n)\n
Run Code Online (Sandbox Code Playgroud)\n\n

谁能指出我的日期选择器的脚本声明有什么问题吗?

\n

asp.net-mvc culture razor kendo-ui kendo-asp.net-mvc

2
推荐指数
1
解决办法
1万
查看次数

选择 Kendo Grid 行时获取特定列

我对 Kendo UI 很陌生,如果有人可以提供建议,我将不胜感激。选择网格行时,我需要获取特定列的值。到目前为止,我可以获得所选行的所有列的值:

$("#grid").kendoGrid({
...
change:onChange,
columns: [{
            field: "Number",                
            title: 'Number',

        }, {
            field: "Title",
            title: "Title",               
        }]
});
Run Code Online (Sandbox Code Playgroud)

onChange 函数:

function onChange(arg) {
        var selected = $.map(this.select(), function (item) {
            return $(item).text();
        });

        alert(selected);
    }
Run Code Online (Sandbox Code Playgroud)

我需要取Number列的选定值。喜欢的东西$(item[name='Number']).text(); 我知道我可以解析字符串,但我想有另一种方式。

非常感谢

javascript kendo-ui kendo-grid kendo-asp.net-mvc

2
推荐指数
1
解决办法
9853
查看次数

如何使剑道窗口居中?

试图将剑道窗口移动到中心。如果我使用 myModal.center().open(),它会以某种方式将它从中心向右移动一点。如果我使用 position: { left: "50%", top: "60%" },它确实将它居中,但仅针对此特定屏幕。当我使用在其他窗口使用的相同控件时,它不在中心。还有其他选择可以让这个该死的窗口居中吗?

html css jquery kendo-ui kendo-asp.net-mvc

2
推荐指数
1
解决办法
4031
查看次数

Kendo UI Grid 分组 - 如何设置组标题

我有一个 Kendo UI 网格,可对RoleName属性进行分组。我正在尝试在分组属性上设置标题,但似乎不知道如何做到这一点。

视图模型如下。

public class UserMembershipViewModel
{
    [Display(Name = "Username")]
    [UIHint("UsersDropdown")]
    public string UserId { get; set; }

    [Display(Name = "Group")]
    [UIHint("RolesDropdown")]
    public string RoleId { get; set; }

    [Display(Name = "Group")]
    public string RoleName { get; set; }

    [HiddenInput(DisplayValue = false)]
    [Display(Name = "Username")]
    public string UserName { get; set; }

    [HiddenInput(DisplayValue = false)]
    [Display(Name = "Email")]
    public string Email { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

Kendo Grid 的设置如下。

Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => …
Run Code Online (Sandbox Code Playgroud)

asp.net-mvc kendo-ui kendo-asp.net-mvc

2
推荐指数
1
解决办法
3256
查看次数

剑道主题不会改变图表

我想更改默认的剑道 ui 主题。问题是它发生了变化,但仅适用于控件:网格等,但图表保持完全相同。

我正在捆绑中添加此样式。

bundles.Add(new StyleBundle("~/Content/kendoUi").Include(
    "~/Content/kendo/2016.1.112/kendo.common.min.css",
    "~/Content/kendo/2016.1.112/kendo.mobile.all.min.css",
    "~/Content/kendo/2016.1.112/kendo.metro.min.css"
));
Run Code Online (Sandbox Code Playgroud)

我错过了什么吗?

kendo-asp.net-mvc

2
推荐指数
1
解决办法
923
查看次数

确定我正在使用哪个 Kendo UI 版本和产品

我作为新开发者加入了一个团队,之前所有的开发者都离开了,而且像往常一样,找到信息并不容易。

该项目是asp.net MVC 4。

有一个 dll 的引用:Kendo.Mvc.dll

该项目有以下脚本文件:

  • 剑道.aspnetmvc.min
  • 剑道核心.min
  • 剑道数据.min
  • 剑道.data.odata.min
  • 剑道.data.xml.min
  • 剑道.grid.min
  • 剑道网

还包括 jquery 和 jquery-ui (1.10)。

问题:

  • 我如何知道该产品是否已购买或该许可证属于哪种类型?(所有依赖项都已放入源代码管理中,我在配置中找不到任何明显的密钥文件或类似的文件)。

  • 我如何知道它是哪个版本的产品?(这个我想我已经找到答案了,DLL版本说:2013.2.xxx所以可能就是这样)

  • 在哪里可以下载旧版本的脚本?

我对这些组件的状态感到非常困惑。Telerik 似乎不久前收购了 Kendo,并且该项目有旧版本。

谢谢

asp.net-mvc kendo-ui kendo-asp.net-mvc

2
推荐指数
1
解决办法
8748
查看次数

全局设置剑道网格的 NoRecords 设置

我已经在我的项目中实现了剑道网格。如果数据不存在,我想向网格显示“无可用记录”消息。我为我的网格将 noRecords 设置为 true 并且它按预期工作。现在我的项目中有这么多网格,所以我想为所有网格全局设置这个设置。

有没有办法实现?

这是我的示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.1.117/js/kendo.all.min.js"></script>
</head>
<body>
  First Grid:
<div id="grid"></div>
  Second Grid:
  <div id="grid1"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  pageable: true,
  noRecords: {
    template: "No data available"
  },
  dataSource: {
    page: 1,
    pageSize: 10
  }
});

  $("#grid1").kendoGrid({
  columns: [
    { field: "name" },
    { …
Run Code Online (Sandbox Code Playgroud)

kendo-ui kendo-grid kendo-asp.net-mvc

2
推荐指数
1
解决办法
616
查看次数

根据下拉选择重新加载kendo网格

我正在使用带有ASP.NET MVC 4的Kendo UI网格

    @Html.Label("Status: ")<select id="drStaus" style="width:250px">
                <option value="Open">Open</option>
                <option value="Pending">Pending</option>
                <option value="Other">Closed</option>

            </select>
    <br /><br />

    @(Html.Kendo().Grid((IEnumerable<FeedBackDashBord.Models.FeedBack>)Model)    
    .Name("grid")
    .Columns(columns => {
        columns.Bound(o => o.id).Visible(false);
        columns.Template(o => Html.ActionLink("Edit", "Edit", new { o.id })).ClientTemplate("<a href=\"" + Url.Action("Edit", "DashBoard") + "/#= id#\">Edit</a>").Width(45);
        columns.Bound(o => o.CurrentURL).Width("200px").Title("Reported URL");
        columns.Bound(o => o.OS).Width("70px");
        columns.Bound(o => o.Browser).Width("70px");
        columns.Bound(o => o.UserAgent).Width("200px"); ;
        columns.Bound(o => o.datetime).Title("Date Time").Width("100px");
        columns.Bound(o => o.Description).Title("Description").Width("200px");
        columns.Bound(o => o.Email).Width("150px");
        columns.Bound(o => o.Status).Width("70px");
        columns.Template(o => Html.ActionLink("Details", "Details", new { o.id })).ClientTemplate("<a href=\"" + Url.Action("Details", "DashBoard") …
Run Code Online (Sandbox Code Playgroud)

kendo-ui kendo-grid kendo-asp.net-mvc

1
推荐指数
1
解决办法
3082
查看次数

如何使用下拉列表过滤Kendo UI MVC网格

我有一个通过将值从下拉列表推送到内置的剑道过滤器中来过滤的剑道网格.当我在文本框中键入值并搜索时,我可以使用相同的方法搜索网格.这是我的剑道网格和下拉列表

 @(Html.Kendo().DropDownListFor(model => model.MyObject.ID)
           .Name("Objects").DataTextField("Value").DataValueField("Key")
           .BindTo(@Model.MyObjectList).AutoBind(true)
           .HtmlAttributes(new { id = "selectedObject" })
 <a class="button"  onclick="searchGrid()" id="search">Search</a>                       

@(Html.Kendo().Grid<MyViewModel>()
        .Name("MyGrid").HtmlAttributes(new { style = " overflow-x:scroll;" })
        .Columns(columns =>
        {
           columns.Bound(a => a.MyObject.Name).Title("Field 1");
            columns.Bound(a => a.Column2).Title("Field 2");
        }
        .Pageable(page => page.PageSizes(true))
        .Scrollable(src => src.Height("auto"))
        .Sortable()
        .Filterable()
        .Reorderable(reorder => reorder.Columns(true))
        .ColumnMenu()
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(10)
        .Read(read => read.Action("GetList_Read", "MyController"))
        )
    )

  <script>
       function searchGrid()
       {
          selectedObject = $("#selectedObject").data("kendoDropDownList");

          gridFilter = = { filters: [] };

          if ($.trim(selectedRecipient).length > 0) {
        gridListFilter.filters.push({ field: …
Run Code Online (Sandbox Code Playgroud)

javascript kendo-ui kendo-grid kendo-asp.net-mvc

1
推荐指数
1
解决办法
1万
查看次数

如何在剑道日期选择器中禁用过去的日期?

如何在Kendo日期选择器中禁用过去的日期?(日期选择器验证)

这将允许用户仅选择当前日期和将来的日期。

In the HTML :
@Html.EditorFor(Model => Model.AppointmentDate)

In the JQuery :
$('#AppointmentDatee').data('kendoDatePicker')
Run Code Online (Sandbox Code Playgroud)

asp.net-mvc asp.net-mvc-4 kendo-ui kendo-asp.net-mvc

1
推荐指数
1
解决办法
3760
查看次数