标签: kendo-asp.net-mvc

我的 MVC 4 应用程序中有以下 Kendo UI DropDownListFor，并且在提交时收到值不能为空错误。

@Html.Kendo()
.DropDownListFor(m => m.JobTitle)
.BindTo(ViewData["Jobs"] as SelectList)

通常，我会使用视图模型来处理绑定，但在这种情况下，这不是一个选项，因此我尝试使用 ViewData 列表填充我的列表。该列表可以很好地加载到下拉列表中，但它没有将我的选择与 JobTitle 值关联起来。任何对此的建议将不胜感激，因为我已经尝试了我能想到的一切。

我已经搜遍了整个地方(轻描淡写),为我的案子解决方案直到现在都无济于事.首先,我将解释我的情景:

• 我将OpenAccess模型公开为WCF数据服务(oData v3);
• 我有一个Kendo MVC应用程序;
• 我有一个带网格的View,设置为PopUp编辑,AJAX Bound;

在发布一些代码之前,让我解释一下我的问题/难度.我有一个具有以下属性的实体:

• TextoID
• TITULO;
• CORPO;
• TipoTextoID;
• TipoTexto;

有一个ForeignKey列设置为TipoTextoID属性,可以在内联或弹出模式下正确填充.但是,当涉及到更改数据时,它只能在线模式下工作.这是我的问题,我需要它在弹出窗口中工作,因为"Corpo"属性绑定到KEndoUI编辑器.

在弹出窗口中,它不会在下拉列表中显示正确的值,也不会在我们选择它时更改它.

老实说,我感觉很愚蠢.我试过几乎每一个样本,帖子,文章我都找不到用,我也很无能为力.

我希望有人可以帮助我.在此先感谢所有人!

所以,这是代码.风景:

    @model IEnumerable<KendoMVC.CostSimulatorService.Texto>

@{
    ViewBag.Title = "Textos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Textos</h2>

@(Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
      .Name("Grid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Titulo);   //Create a column bound to the "ProductID" property
          //columns.Bound(p => p.IsPrivado).ClientTemplate("<input type='checkbox' #= IsPrivado ? checked='checked': '' # class='chkbx' />"); //Create a column bound to the "ProductName" property
          columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' #= IsPrivado …

基本的kendo自动完成示例显示了一种设置，其中通过Ajax请求获取匹配的搜索结果。如果请求的资源在同一域中，则ajax加载工作正常，但是我想知道是否支持配置基础ajax请求以支持CORS。是否可以像$.ajax({})直接使用Ajax选项一样传递Ajax选项。

$("#products").kendoAutoComplete({
                        dataTextField: "ProductName",
                        filter: "contains",
                        minLength: 3,
                        dataSource: {
                            type: "odata",
                            serverFiltering: true,
                            serverPaging: true,
                            pageSize: 20,
                            transport: {
                                read: "http://demos.kendoui.com/service/Northwind.svc/Products"
                            }
                        }
                    });
                });

我基本上希望对请求的控制与常规JQuery Ajax请求中的控制相同（例如下面的示例）：

 jQuery.ajax({
                url: 'some url',
                data: {id:id},
                contentType: 'application/json',
                type: "Get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true

            })

好的,所以我需要做的是根据行列的值显示不同颜色的网格行.这是我当前的网格代码:

 @(Html.Kendo().Grid<iPlan.Syspro.Beekman.Portal.Agents.Models.SalesOrderViewModel>()
.Name("Inbox")
.HtmlAttributes(new { style = "height:80vh; width:80vw;" })
.Columns(columns =>
{
    columns.Bound(c => c.SalesOrder).Width(60);
    columns.Bound(c => c.Status).Width(60);
    columns.Bound(c => c.Date).Width(60);
    columns.Bound(c => c.DaysOutstanding).Width(80);
    //columns.Bound(c => c.Available).Width(60);
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/SalesOrderDetail?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Detail");       
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/GetDeliveryNote?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Delivery Note");
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/GetDealerOrder?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Dealer order");
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/GetFitmentFee?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Fitment invoice");    

})
.Selectable()
.Scrollable()
.Sortable()
.Groupable()
.Filterable()
.Pageable(pageable => pageable
    .Refresh(true)
    .PageSizes(true)
    .ButtonCount(5))
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("SalesOrders_Read", "Inbox"))        
    ) …

我正在使用kendo-ui带有asp.net MVC. 我有两种不同的看法。

edituser.cshtml
changepasssword.cshtml

当用户从 edituser 页面单击更改密码按钮时，它会弹出 ChangePassword 页面。这个页面有自己的保存按钮。我想在更改密码后关闭保存按钮上的弹出窗口。

EditUser.cshtml 的代码：

<div id="winUserInfo" style="display: none; overflow: hidden;"></div>

  var winUserInfo = $('#winUserInfo');

if (!winUserInfo.data('kendoWindow')) {
    winUserInfo.kendoWindow({
        width: 400,
        height: 140,
        title: 'Change Password',
        modal: true,
        iframe: true
    })
    }


   $('#btnChangePwd').click(function (e) {
    e.preventDefault();

    var w = winUserInfo.data('kendoWindow');

    w.refresh({
        url: '/tools/ChangePassword/?loginID=@(Model.LoginID)'
    }).open().center();
});

ChangePassword.cshtml 的代码：

    <div style="padding: 10px;">
<table class="data-form">

    <tr>
        <td style="text-align: right;"><label>New Password</label></td>
        <td><input id="txtPassword1" class="required" type="password" style="width: 200px;" /></td>
    </tr>
    <tr>
        <td style="text-align: right;"><label>Re-type …

我有一个 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
    }
});

作为剑道新手，我不知道如何做到这一点。请帮忙。提前致谢。

我正在开发与ASP MVC 5项目，剑道UI和一些图层，但是我挣扎如何显示下拉列表的内部可编辑网格，我跟着这个例子：

网格编辑/自定义编辑器

但是，我遇到了严重的问题，因为下拉列表从不出现，它显示两个文本框。

另外，如果我运行外键列示例：

网格/外键列

我在数值上下方向上得到了不同的结果：

此外，我从StackOverflow测试了此示例，结果是两个文本框或数字上下（取决于是否绑定列或使用外键列）：

剑道网格中的dropdownlist不起作用

这是我的代码，在业务层中，我有以下类以便从数据库返回类别：

using Test.DB.Operations;
using System.Collections.Generic;
using System.Linq;

namespace Test.Business
{
    public class Category
    {
        public int ID { get; set; }
        public string Name { get; set; }
    }

    public class CategoryData
    {
        public static List<Category> GetCategories()
        {
            var catData = DatabaseService.GetEntities<DB.Category>().ToList();

            return (from cData in catData select new Category() { ID = cData.ID, Name = cData.Name }).ToList();
        }
    } …

我是剑道新手。我Html.Kendo().CheckBoxFor(m => m.Enable)在MVC cshtml中使用，并且无法为此复选框添加更改事件。该Html.Kendo().DropDownListFor有.Events(e => e.Change("PopulateCountry"))，但我没有看到在同一类型的事件CheckBox。

有人可以帮忙吗？

我在 MVC 应用程序中使用 Kendo Grid。

@(Html.Kendo().PanelBar().Name("panelbar").ExpandMode(PanelBarExpandMode.Single).SelectedIndex(0).Items(panelbar =>
        {
            panelbar.Add().Encoded(false).Text("<div Customer </div>").Content(@<div>
                        @(Html.Kendo().Grid(Model).Name("grid_messageGroup").Columns(columns =>
                        {
                            columns.Bound(f => f.Title).Title("TitleName");
                            columns.Bound(f => f.Message).Title("MessageTitle");
                            columns.Bound(f => f.MessageBoard).Hidden().IncludeInMenu(false);
                        })
                        .Events(e => e.CustomEvent)
                        .Reorderable(reoder => reoder.Columns(true))
                        .HtmlAttributes(new { @class = "styleCSS" })
                        .Sortable(sortable => sortable.AllowUnsort(false))
                        .ColumnMenu(columnMenu => columnMenu
                            .Messages(columnMenuMessages => columnMenuMessages
                                .SortAscending(SortAscending)
                                .SortDescending(SortDescending)
                                .Columns(Columns)
                                .Filter(Filter)
                            )
                        )
                        .Selectable().Sortable().Filterable(filterable => filterable.Extra(true)
                        .Messages(messages => messages.Filter(Filter).Clear(Clear).Info(Info))
                        .Operators(operators => operators.ForString(str => str.Clear().Contains(ContainsColumnFilterOperator)).ForEnums(en => en.Clear().IsEqualTo(EqualsColumnFilterOperator)))).Resizable(resize => resize.Columns(true))
                        .ClientDetailTemplateId("template")
                        .DataSource(dataSource => dataSource.Ajax().ServerOperation(false))
                        .Filterable(filterable => filterable.Extra(false).Operators(operators => operators.ForString(str => str.Clear().Contains(ContainsColumnFilterOperator))
                        .ForDate(d => d.Clear().IsEqualTo(EqualsColumnFilterOperator) …

有一个或多个学生的班级.我想在行中显示多个类,在该特定类中显示学生名称作为逗号分隔值.我使用了以下代码,但它不起作用.它给出了运行时错误

CS0201:只能将赋值,调用,递增,递减,等待和新对象表达式用作语句.

`columns.Bound(c => c.Students).Template               
              ( m =>                   
                 @<text> 
                    @foreach (var student in m.Students)
                     {
                        <li> @{ @student.Name; }</li>
                     }
                 </text>

        );`