标签: kendo-asp.net-mvc

我正在使用ASP.NET MVC Server Wrappers为KendoUI Grid使用AJAX进行绑定(v2013.1.319)并使用内联编辑.当我编辑记录并单击更新时,帖子发生在服务器上并且记录成功保存.我按文档建议返回JSON响应,但KendoUI Grid保持编辑模式.如果单击"取消",则基础本地数据不会反映更改.如果我刷新,则会正确显示更改.我需要一些帮助来找出更新无效的原因.创建和删除功能工作正常.

<div style="width: 800px">
@(Html.Kendo().Grid<RoleGridModel>()
    .Name("grdRoles")
    .Columns(columns =>
    {
        columns.Bound(r => r.Name).Width(200);
        columns.Bound(r => r.Description).Width(300);
        columns.Command(command => { 
            if (security.CanAdd || security.CanUpdate) command.Edit(); 
            if (security.CanDelete) command.Destroy();
            command.Custom("Manage Access").Click("manageAccess");
        })
        .Width(300);
    })
    .Groupable(grouping => grouping
        .Enabled(false))
    .Events(events => { if (security.CanAdd && !security.CanUpdate) events.DataBound("function() { this.table.find('.k-grid-edit').hide(); }"); })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(r => r.RoleId))
        .Events(events => events.Error("error_handler"))
        .Read(read => read.Action("Index", "Roles", new { area = "Setup" }))
        .Create(create => create.Action("Create", "Roles", new { …

嗨有人可以帮助我如何从我的视图访问viewbag值(.cshtml)这是我的样本

var appointments = new[,] { { "4/1/2013", "B'day" }, { "4/2/2013", "Appointment with abc" } };
ViewBag.Appointments = appointments;

现在我想从我的.cshtml文件中访问ViewBag.Appointments值.

任何的想法？

我正在MVC4应用程序中创建一个kendo ui网格,如下所示:

@(Html.Kendo().Grid<GridResultItemViewModel>()  
                .Columns(columns =>
                      columns.Bound(b => b.Distance).Width(35);
                      columns.Bound(b => b.Height).Width(35);
                      ...)
                .ClientDetailTemplateId("wellResultDetailsTemplate")
                .Name("ResultGrid"); // etc.

我无法找到一种方法来设置分层/细节扩展器列的宽度.

在.k-hierarchy-cell中设置css的宽度或最大宽度似乎不起作用.

Kendo ASP.NET-MVC

我们的设计师想要一个没有边框或框架且没有交替行背景的网格.基本上是没有线条的白色盒子.这是财务报告.干净利落.

应该有一个单色的页眉和页脚行,列名和分页位于其中.

这可以实现吗？我们不想编辑太多的主CSS,因为网站上的其他控件应该有边框和颜色.这只是网格.

我有一个多选列表,作为标签列表的持有者.我似乎无法弄清楚如何正确获取正在更改的项目的值并与更改的事件一起传递.这是我的剑道多选:

        @(Html.Kendo().MultiSelect()
          .Name("tags")
          .Placeholder("No tags selected for this unit")
          .BindTo(new SelectList(Model.TagsAvailable))
          .Events(e => e
                    .Select("select")
                    .Change("change"))
          .Value(Model.TagsSelected.ToArray())
          )

这是我的js方法:

        function select(e) {
            var dataItem = this.dataSource.view()[e.item.index()];
            var param = dataItem.Text;
            var url = '/UnitDetails/TagUnit/@Model.UnitId';

            $.ajax({
                url: url,
                data: { selectedItem: param },
                type: 'GET',
                dataType: 'json',
                success: function (data) {
                    // ...
                },
                error: function () {
                    // ...
                }
            });
        };

        function change(e) {
            var dataItem = this;
            var param = dataItem.element.context.innerText;
            var url = '/UnitDetails/UnTagUnit/@Model.UnitId';

            $.ajax({ …

我对Kendo ComboBox的显示宽度有限,因此在正常状态下,我需要相当窄.选项项利用了"模板",比ComboBox宽得多.我想在用户点击/使用ComboBox时更新宽度,并且当我正在进行的js/css更改似乎工作时,选项项目不会以正确的宽度显示,直到第二次单击组合框 - 实际的COMbox框宽度更改.

@Html.Kendo().ComboBox()
             .Name("Type")
             .BindTo(Model.Types)
             .Events(e => { e.Open("TypeOpen"); })
             .Template("<div style='width: 300px'>${ data.Text }</div>")

// js

function TypeOpen() {
  $("#Type").closest(".k-widget").css("width", "300px");
}

//首次点击后; 第二次点击后看起来不错

如何使用jquery函数获取kendo网格单元格值？对于kendo网格来说是新手

{field:abc,title:values}

我需要javascript或jquery中的abc值？

我在我的应用程序中使用Kendo UI控件.最近我在使用FireFox时发现了一个很大的Kendo控件问题.

我发现一些Kendo UI控件在firefox中无法正常工作.

喜欢: - KendoDatePicker,Kendo().Dropdownlist().

1)KendoDatePicker(): -

当我使用$("#DatePicker").KendoDatePicker()然后在Firefox中没有显示KendoDatePicker日历.

我发现firefox没有使用Kendo.default.min.css.但是,当我使用IE或Chrome检查类似功能时,它正在运行.并采取上述CSS.

2)Html.Kendo().DropDownList(): -

如果我用鼠标更改Dropdownlist项而不是替换firefox中的项.但在其他浏览器中运行良好.

以下是Dropdownlist的代码: -

@using Kendo.Mvc.UI
@model string

@(Html.Kendo().DropDownList()
.Name("SelectedCategory")  
.DataTextField("Text")
.DataValueField("Text")
.Value(Model)       
.BindTo(ViewBag.Categories)    
)

任何人都可以帮我解决这个问题吗？Kendo UI Controls和FireFox有任何默认问题吗？

我在剑道网格列内使用剑道下拉列表（具有静态内容），如下所示：

    function artDropDownEditor(container, options) {
    $('<input required data-text-field="Art" data-value-field="Landescode" data-bind="value:' + options.field + '"/>')
        .appendTo(container)
        .kendoDropDownList({
            autoBind: false,
            dataSource: gridDataSource(actions.wasserversorgung.getAllWasserbezug, 10)
        });
}

        var wasserversorgungGrid = $("#wasserversorgung-grid").kendoGrid({
        dataSource: wasserversorgungGridDataSource,
        scrollable: true,
        navigatable: true,
        sortable: true,
        columnMenu: true,
        selectable: "row",
        editable: {
            confirmation: "ausgewählte Wasserversorgung löschen?",
        },
        pageable: {
            pageSizes: [10, 20, 50],
            refresh: true,
        },
        filterable: true,
        resizable: true,
        height: 500,
        columns: [
            {
                field: "Wasserbezug",
                title: "Art der Wasserversorgung",
                width: "120px",
                headerTemplate: "<span title='@I(40)' style='@S(40)'>Art der Wasserversorgung</span>",
                editor: artDropDownEditor, …

我正在尝试在Pannable和Zoom /放大之后删除剑道图表“ Y轴小数位”

 jQuery("#chart_i139_XzCnAHHzIR").kendoChart({
        "chartArea": { "background": "#FFFEFC" },
        "renderAs": "canvas", "title": { "text": "p1" },
        "legend": { "labels": { "template": "#= series.name #" }, "position": "top" },
        "series": [{
            "name": "Male", "type": "line",
            "data": [35171, 36663, 30247, 36479, 34025, 37142, 37295, 36054, 38076, 37725, 34716, 39620, 38296],
            "stack": false, "labels": { "format": "{0:n0}", "visible": true, "position": "above" },
            "style": "smooth"
        }, {
            "name": "Female", "type": "line",
            "data": [34295, 32586, 36872, …