标签: kendo-asp.net-mvc

我正在玩Kendo UI并创建了一个滑块.当我通过Razor创建时,滑块的限制将是min16 max 80.

    @(Html.Kendo().Slider()
     .Name("Age")
     .Value(16)                    
     .Min(18).Max(80).LargeStep(50).SmallStep(1).TickPlacement(SliderTickPlacement.None).ShowButtons(false)
     .Events(
        e => e.Change("AgeSliderChanged"))
        )

但是,假设您在表单上选择了其他内容,这意味着必须更改最大值(即最大值为50而不是80).怎么能在javascript中完成？

我习惯了jQueryUI库,所以你可以这样做:

$("#Age").slider("option","max", 50); 它会为你神奇地调整滑块的大小.

但是,我在剑道尝试了类似的方法并且无处可去.在查看Chrome Devtools后,我找到了选项/最大设置:$("#Age").data("kendoSlider").options.max

如果我尝试这个: $("#d2cRequired").data("kendoSlider").options.max = 50,它返回"50"并将剑道滑块的限制设置为50(即如果我将其设置为51,它会跳回到50)虽然这样可行,但理想情况下我想知道您是否可以调整滑块的大小喜欢jqueryUI？(这甚至是更改滑块最大限制的正确方法吗？!)他们的文档很受欢迎,并没有真正显示动态更改选项的任何示例(除了值设置)

我正在评估Kendo作为公司的一种可能用途,并且如果他们的某些组件的工作效果不如JQUI等同,我不想花费数千美元!

我希望用户可以从多选中一次从下拉列表中选择所需的所有项目.

这意味着,每次用户选择任何项目时都不要关闭下拉列表,然后每次打开列表再次选择一个项目.当用户想要在列表中选择大量项目时,默认行为可能会很烦人.

是否可以修改此默认行为并保持下拉列表打开？

我是ASP.NET mvc和kendo ui框架的新手,有以下问题:

我在一个带有多选的窗口中有一个部分视图,它从数据库中接收它的值.视图看起来像:

@model SoftwareAdminInterface.Models.Administration.Pattern
<div id="myContentPopupEditRole_div">

@using (Ajax.BeginForm("SetCombi", "Pattern", new {  }, new AjaxOptions() { HttpMethod = "post", UpdateTargetId = "myContentPopupEditRole_div" }))
{
    <center>
        <br />
    <table class="table_no_borders">
        <tr>
            <td style="width: 300px">
                @(
                Html.Kendo().MultiSelectFor(model => model.RegExId)
                    .MaxSelectedItems(2)
                    .Name("RegExID")
                    .DataTextField("RegExName")
                    .DataValueField("RegExID")
                    .Placeholder("Select Patterns...")   
                    .AutoBind(false)       
                    .DataSource(source => {
                        source.Read(read =>
                        {
                            read.Action("GetPatternsForCombi", "Pattern");
                        })
                    .ServerFiltering(true);
          })
    )
            </td>
        </tr>
    </table>
        <button class="k-button k-button-icontext k-grid-custom" id="get" type="submit">@Resources.General.BtnSave</button>
    </center>
}   
</div>

我正在使用一个看起来像这样的模型:

public class Pattern
{
    [ScaffoldColumn(false)]
    public int RegExID { get; …

我创建了一个新的 MVC 4 应用程序，并且正在尝试迁移现有的 MVC 3 应用程序。一切正常，直到我尝试使用新的捆绑功能，当我捆绑 Kendo css 文件时，下拉菜单和数字文本框上的箭头消失了。它们运行正常，只是缺少图像。这些文件似乎捆绑得很好。我进行了广泛的研究，并尝试重命名文件以删除“min”，但仍然存在相同的问题。

以下是我尝试捆绑的文件：

 <link href="@Url.Content("~/Content/kendo/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/kendo.default.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/kendo.blueopal.min.css")" rel="stylesheet" type="text/css" />

当我像这样捆绑它们时，问题出现了：

 bundles.Add(new StyleBundle("~/Content/cssBundle").Include(
             "~/Content/kendo/kendo.common.min.css",
             "~/Content/kendo/kendo.default.min.css",
             "~/Content/kendo/kendo.blueopal.min.css"
             ));

使用odata v4的asp.net web api Web服务使用包过滤器的最简单方法是什么？

似乎使用odata v4的Web服务不再承认'substringof'函数并且想要'contains'函数.

示例:使用网格中WorkUnitCode列上的Contains过滤器进行GET并输入"xYz".substringof(失败)

http://localhost:1486/odata/BillOfMaterials(2)/BillOfMaterialsItems?$format=json&$top=10&$filter=substringof('xYz',WorkUnitCode)&$count=true

GET需要什么才能使contains函数起作用:

http://localhost:1486/odata/BillOfMaterials(2)/BillOfMaterialsItems?$format=json&$top=10&$filter=contains(WorkUnitCode,'xYz')&$count=true

我相信有两种方法可以解决这个问题,并且不确定哪种方法更好或者两种解决方案都可以重复使用.

方法1:拦截请求并将其更改为使用包含反向参数的函数.方法2:将子串功能添加到web api.

嗨，有没有办法让kendodatepicker允许多选？所以选择多个日期并让它们都保持突出显示？

我的 MVC5 应用程序选择“dd/MM/yyyy”格式的日期会导致“字段 xxx 必须是日期”错误。另一方面，如果我在下面注释kendoValidator()行，错误已经消失，但在这种情况下，我无法执行客户端验证，因此我想使用 kendoValidator。以下是与此控件相关的代码部分。

实体：

[Required(ErrorMessage = "Required field")]
[Display(Name = "Start Date")]
public DateTime StartDate { get; set; }

看法：

...    
<script src="~/Scripts/kendo/2014.3.1119/cultures/kendo.culture.de.min.js"></script>
<script src="~/Scripts/kendo/2014.3.1119/messages/kendo.messages.de-DE.min.js"></script>

<script>
    $(function () {
        $("form").kendoValidator(); //This line cause the error...
    });
</script>

@Html.LabelFor(m => m.StartDate )
    @(Html.Kendo().DatePickerFor(m => m.StartDate)
    .Animation(true)
    .Culture("de-DE")
    .Footer(false)
    .Format("dd/MM/yyyy")
    .Value(DateTime.Today) 
 )

实体或视图是否有任何缺失或错误的定义？IE

[DataType(DataType.Date)]

在此先感谢您的帮助...

我的一位客户报告他们的目标网页加载缓慢.他们将ASP.NET MVC与Kendo UI结合使用.我做了一个快速检查,发现kendo.all.min.js约为1.8MB,客户说这是必需的.我确信他们不会在目标网页中使用所有的kendo UI元素.我之前从未使用过Keno但只使用过JQuery.有没有办法通过不包括所有内容来进一步最小化kendo脚本文件大小,只选择所需的元素并形成最终的JS(如在JQuery中挑选樱桃？).

谢谢!

给定MVC示例的UI,如何在客户端模板中引用数据源中的详细模板项？

例如,示例中的详细信息模板如下所示....

<script id="template" type="text/kendo-tmpl">
    @(Html.Kendo().TabStrip()
            .Name("tabStrip_#=EmployeeID#")
            .SelectedIndex(0)
            .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In)))
            .Items(items =>
            {
                items.Add().Text("Orders").Content(@<text>
                    @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()
                        .Name("grid_#=EmployeeID#")
                        .Columns(columns =>
                        {
                            columns.Bound(o => o.OrderID).Title("ID").Width(56);
                            columns.Bound(o => o.ShipCountry).Width(110);
                            columns.Bound(o => o.ShipAddress);
                            columns.Bound(o => o.ShipName).Width(190);
                        })
                        .DataSource(dataSource => dataSource
                            .Ajax()
                            .PageSize(5)
                            .Read(read => read.Action("HierarchyBinding_Orders", "Grid", new { employeeID = "#=EmployeeID#" }))
                        )
                        .Pageable()
                        .Sortable()
                        .ToClientTemplate())
                </text>                        
                );
                items.Add().Text("Contact Information").Content(
                    "<div class='employee-details'>" +
                        "<ul>" +
                            "<li><label>Country:</label>#= Country #</li>" +
                            "<li><label>City:</label>#= City #</li>" +
                            "<li><label>Address:</label>#= Address #</li>" +
                            "<li><label>Home …

这就是我对网格的看法

@(Html.Kendo().Grid<OPAMvc.Models.Parts>()
                        .Name("grd")
                        .Columns(columns =>
                        {
                            columns.Bound(o => o.Id).Title("Id No").Width(80).HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                            columns.Bound(o => o.Desc).Title("Description").Width(200).HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                            columns.Bound(o => o.Price).Title("Price").Width(50).Format("{0:c}").HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                            columns.Bound(o => o.Name).Title("Name").Width(20).HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                        }) …