标签: kendo-asp.net-mvc

简单问题:我在工作站上安装了Telerik DevCraft Ultimate.我查看了显示使用Kendo UI HTML帮助程序的示例.

我可以在项目中添加哪些参考才能使用它们？

首先,我的网格定义如下:我单击搜索按钮然后网格读取数据并按类分组:

@(Html.Kendo().Grid<Student>()
    .Name("StudentGrid")
    .Scrollable()
    .Columns(columns =>
    {
        columns.Bound(o => o.Class).Groupable(true).Title("Class");          
        columns.Bound(o => o.Name).Groupable(true).Title("Name");
        columns.Bound(o => o.Point).Groupable(true).Title("Point");
    }).AutoBind(false)
    .DataSource(dataSource => dataSource
    .Ajax().Group(i => i.Add(a => a.Class))
    .Read(read => read.Action("GetStudentPoint", "StudentControl"))
    .Events(events => events.Error("error_handler"))
))

现在我想让gird groupable为false并隐藏class列.这意味着,我不想将学生数据分组并隐藏类列:

$("#StudentGrid").data("kendoGrid").Groupable( false );
$("#StudentGrid").data("kendoGrid").hideColumn(0);
$("#StudentGrid").data("kendoGrid").dataSource.read();

我的代码出了什么问题？

我有一个像这样的剑道网格

$("#HoleGrid").kendoGrid({ ... });

如何找出网格中有多少行？

我第一次使用Kendo UI,并且在我的Kendo下拉列表更改时触发功能有些困难.

我的目标是根据用户的下拉选项显示不同的搜索字段.我尝试了几种不同的方法,似乎没有任何效果.

有没有人有一个简单的jQuery片段,可以获得Kendo UI下拉列表的文本？

我的代码如下:

  <script>
    $(document).ready(function () {
        var a = $("div#searchbox span.k-input").text();
        console.log(a);
      $(a).change(function(){
            $('.searchingfor').hide();
            $('#' + a).show();
        });
    });
</script>
 @using (Html.BeginForm())
{ 
    <div id="searchbox" class="label">
        @Html.Label("Search")
        @Html.TextBox("QuickSearch", null, new { style = "width:91%", @class = "k-input" })
        <br />
        <br />
        @(Html.Kendo().DropDownList()
                        .DataTextField("Text")
                        .DataValueField("Value")
                        .BindTo(new List<SelectListItem>()
                        {
                            new SelectListItem()
                            {
                                Text = "All",
                                Value = "1"
                            },
                            new SelectListItem()
                            {
                                Text = "Customer",
                                Value = "2"
                            },
                            new SelectListItem()
                            {
                                Text = "Contact",
                                Value = …

例如,我有一个有5个点的系列,它们的值是5,10,15,20,25,现在我想改变包含point1(值:5)到point2的零件系列的颜色(值:10 )要红色,并想要将包含point2(值:10)的部分系列的颜色更改为point2(值:15)为绿色,依此类推,怎么办？现在我可以改变颜色整个系列,但不知道如何根据其价值改变系列的一部分？

改变整个系列

function onDataBound(e) {
    e.sender.options.series[0].color= "red";   
}

就像这个例子,我现在可以改变点的颜色,但不能改变起点和终点之间的线.我的例子

在Ajax批处理模式下使用Kendo Asp.net MVC网格.

有三列 - 数量,费率,总计.需要实现变更的实时计算.写下以下函数来更新数据.

function grid_change(e) {
    if (e.action === "itemchange") {
        var item = e.items[0];
        item.Total = item.Qty * item.Rate;
    }
}

但是,在焦点移动到该列之前,该列不会反映计算值.如何在更改事件完成后立即更新/刷新单元格显示？

我试图将我的代码从syncfusion移植到telerik kendo MVC UI,我需要在Grid单元格中显示Datepicker,并且我在网格列中已经完成了:

columns.Add("TemplateCol").Title("Out of date").TemplateColumn(true).TemplateName("TemplateOutOfDate");

而对于TemplateOutOfDate,我在单独的.cshtml文件中制作了

@Html.Syncfusion().DatePicker("OutOfDate" + Model.ID.ToString(), Model.OutOfDate).DefaultDate(Model.OutOfDate).DisplayDefaultDateOnLoad(true).DateFormat(Model.DefaultDateFormat).Width(75).OnSelect("onselect")

这.cshtml在Syncfusion网格中工作正常但是当我将此代码移植到Kendo().Grid它时不起作用所以请告诉我,我们可以使用ClientTemplate在Kendo Grid中添加DatePicker来实现这一点.

谢谢,阿吉特

我正在尝试实现自定义Kendo下载,该下载仅包含ASP.NET MVC 4项目中的网格,该项目使用razor生成网格,并使用服务器端代码生成网格数据.我在自定义下载页面中选择了生成这些脚本的适用字段:

我在我的_layout.cshtml页面的header标签中包含了脚本和css:

调用网格的代码绑定到具有两个字符串属性(name,desc)的简单模型,并调用控制器操作:

@(Html.Kendo().Grid<GridStandAloneTest.Models.GridModel>()
.Name("Grid")
.Sortable()
.Pageable()
.DataSource(ds => ds.Ajax().Read("GetPeople", "Home")
    .Batch(true)
    .ServerOperation(false))
.Columns(x => 
{
    x.Bound(c => c.Name);
    x.Bound(c => c.Salary); 
}))

当页面呈现网格是可见的,但控制器操作永远不会被调用.我还在控制台中得到"未捕获的TypeError:undefined不是函数".但是,如果我单击一个列,它会调用控制器操作,但它会将其返回到一个新的选项卡,其中包含URL下的JSON数据.

控制器代码如下所示:

    public ActionResult GetPeople([DataSourceRequest]DataSourceRequest DataSource)
    {
        var people = new List<GridStandAloneTest.Models.GridModel>()
        {
            new GridStandAloneTest.Models.GridModel(){Name = "Jon", Salary = "50,000"},
            new GridStandAloneTest.Models.GridModel(){Name = "Joe", Salary = "100,000"}
        };

        DataSourceResult result = people.ToDataSourceResult(DataSource);

        return Json(result, JsonRequestBehavior.AllowGet);
    }

我有一个闪亮的新Asp.Net核心MVC应用程序,它引用了一些较旧的net45库.

在完整的net45框架上与Asp.Net Core RC1一起使用.从Asp.NET Core rc1迁移到rc2我遇到了一个障碍,我不知道如何修复.

该应用程序是一个使用EF6,Autofac,Kendo.MVC的ASP.NET核心应用程序,它需要在完整的.Net 4.6框架上运行,因为有使用WCF的参考库.

在从rc1迁移到rc2时我首先更新NuGet.config提要指向https://www.myget.org/F/aspnetcirelease/api/v3/index.json然后我对以下内容进行了以下更改:project.json

• 从最顶层节点中删除"version"
• 将以下属性添加到complationOptions对象:"debugType":"portable"
• 依赖:AspNet改为AspNetCore
• 依赖:改变所有rc1-final,到*
• 检查MVC并MVC Tag Helpers从已重命名6.0,以1.0
• 删除所有依赖项 Application Insights
• 删除所有依赖项 Microsoft.AspNet.Tooling.Razor
• 添加依赖项 "Microsoft.NETCore.App": { "type": "platform", "version": "1.0.0-*" }
• 添加新的内容对象: "content": [ "wwwroot", "Views", "web.config", "appsettings.json" ]
  • 更新所有使用语句AspNetCore.*而不是引用AspNet.*

然后我用以下内容替换frameworks对象:

"frameworks": {
  "netcoreapp1.0": {
    "imports": [
      "net45"
    ]
  }
}

我做了一件事dotnet restore,一切都解决了,除了1个包裹:

error: Package Kendo.Mvc 2016.1.412 is not …

当我使用Ajax将表单数据发布到控制器时，使用Kendo上传时我无法获取文件。我使用IEnumerable，但我只能获取日期值，并且该文件为null。我可以知道如何使其工作吗？谢谢。（我使用ajax，因为我需要调用onsuccess事件）

//这是视图中的表单控件

<div class="editForm">
@using (Html.BeginForm("UpdateReportFix", "Defect", FormMethod.Post, new { id = "form" }))
{
    @Html.HiddenFor(model => model.DefectFixID)
    <div>
        @Html.Label("Report Date")
    </div>
    <div>
        @(Html.Kendo().DatePickerFor(model => model.ReportDate)
                      .Name("ReportDate")
                      .Value(DateTime.Now).Format("dd/MM/yyyy")
                      .HtmlAttributes(new { @class = "EditFormField" })
        )
        @Html.ValidationMessageFor(model => model.ReportDate)
    </div>

        <div>
            @Html.Label("Photos")
            <br />
            <span class="PhotosMessage">System Allow 2 Pictures</span>
        </div>

        <div class="k-content">
            @(Html.Kendo().Upload()
                .Name("files")  <-----i cannot get this value in controller
            )
        </div>

            <br />
            <div class="col-md-12 tFIx no-padding">
                @(Html.Kendo().Button().Name("Cancel").Content("Cancel").SpriteCssClass("k-icon k-i-close"))
                @(Html.Kendo().Button().Name("submit").Content("Submit").SpriteCssClass("k-icon k-i-tick"))
            </div>
}

//脚本

$('form').submit(function (e) {
    e.preventDefault();
    var …