标签: kendo-asp.net-mvc

Kendo Grid 有“dt”字段“等于”与日历的默认过滤器。对于“名称”字段，它具有默认过滤器“等于”，但我想将“包含”移动到选项列表的第一个位置并使其默认为字符串。如何实施？

public class MyClass
{
    public DateTime dt { get; set; }
    public string name { get; set; }
}


@(Html.Kendo()
      .Grid<MyClass>()
      .Name("grid")
      .DataSource(data =>
                  data.Ajax()
                      .ServerOperation(false)
                      .Read(read =>
                            read.Action("MyAction", "MyController"))
      )
      .Columns(cols =>
          {
              cols.Bound(x => x.dt).Title("Date").Width(150);
              cols.Bound(x => x.name).Title("Name").Width(250);
          })
      .Filterable()
      .Sortable())

我正在开发一个 asp.net mvc 项目，在该项目中我使用了一个填充有模型的网格。但是，我在尝试在网格中创建新记录时遇到错误，说Uncaught ReferenceError: CustomerContract is not defined.

这是我的网格和模板：

<script type="text/kendo" id="customerTemplate">
    #if(data != null){#
    #:data.Name#
    #}#
</script>

<script type="text/javascript">
    var customerTemplate = kendo.template($("#customerTemplate").html(), { useWithBlock: false });
</script>

@(Html.Kendo().Grid<ProjectModel>()
      .Name("grid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Name);
          columns.Bound(p => p.CustomerContract).ClientTemplate("#:customerTemplate(CustomerContract)#");
          columns.Command(command =>
          {
              command.Edit();
              command.Destroy();
          }).Width(180);
      })
      .ToolBar(toolbar => toolbar.Create())
      .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ProjectPopUpTemplate"))
      .Pageable()
      .Sortable()
      .Scrollable()
      .HtmlAttributes(new {style = "height:500px;"})
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(10)
          .Events(events => events.Error("error_handler"))
          .Model(model => { model.Id(p => p.Id); })
          .Create(update => …

我想以级联方式将两个剑道下拉列表绑定到强类型视图（@model）。这个模型是一个 List<Enterprise>：

class Enterprise
{
    string EnterpriseId {get; set;}  //Bind this to first dropdown
    List<FinYear> FinancialYears {get; set;}
}


class FinYear
{
    string FinancialYear {get; set;} //Bind this to second dropdown
    string EnterpriseId [get; set;}
}        

如何正确地将数据从 List<FinYear> 获取到下拉列表中？

@(Html.Kendo().DropDownListFor(model => model.ServiceID)
  .OptionLabelTemplate("#=optionLabel#")
  .ValueTemplate("#=Code#(#=Rate#) - #=Description#")
  .Template("#=Code#(#=Rate#) - #=Description#")
  .DataTextField("Code")
  .DataValueField("ServiceID")
  .DataSource(d =>
  {
    d.Read(read =>
    {
      read.Action("GetServiceRepository", "Service").Type(HttpVerbs.Post);
    });

  })
  .Events(e => e.Change("onWorkOrderJobServiceChange"))
  .HtmlAttributes(new { required = "required" })
  .OptionLabel(new { optionLabel = Resources.Wording.SelectOne, ServiceID = 0, Rate = 0, Code = "", Description = "" })
)

我有一个如上所述的下拉列表，并且想将所选值绑定到模型的ServiceID字段（类型为int）

但是，无论我选择哪一项，该ServiceID字段始终为空！它甚至不是可为空的类型int?！

为什么会发生这种情况以及我怎样才能实现我想要的目标？

我已经为这个问题苦苦挣扎了两天，非常感谢任何帮助。我有一个剑道网格，其中我给了网格 excel 一样的功能，即在点击输入时，可编辑的列被突出显示，我可以输入值，并在选项卡上移动到下一个单元格。我有一个名为 external amount 的列是可编辑的，即用户在单元格中输入值，下一列是差异，每当用户在外部金额列中输入一个值并点击回车时，就应该计算该差异。

差异-InternalLocalAmt-ExternallocalAmt。InternalLocalAmt 已填充且不可编辑。

代码片段：

@(Html.Kendo().Grid(Model)
    .Name("OutputCashGrid")
    .Columns(columns =>
    {

        columns.Bound(p => p.InternalLocalAmt).Width(130);
        columns.Bound(p => p.ExternalLocalAmt).Width(130);
  columns.Bound(p => p.LocalDifference).Title("Difference").Width(130).Format("{0:N}").HtmlAttributes(new{id="DifferenceVal"});
 })
  .Sortable()
     .ColumnMenu()
     .Scrollable(scr => scr.Height(430))
     .Filterable()
     .Navigatable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(50)
        .ServerOperation(false)
             .Batch(true) // Enable batch updates.
                       .Model(model =>
                            {
                                model.Id(p => p.OutputcashID); // Specify the property which is the unique identifier of the model.
                                //model.Field(p => p.OutputcashID).Editable(false); // Make the ProductID property not editable.
                                model.Field(p => p.OutputcashID).Editable(false);
                                model.Field(p => p.Level1).Editable(false);
                                model.Field(p => p.TotalRecitems).Editable(false);
                                model.Field(p …

我正在使用Kendo UI Grid Edit和Delete命令来管理数据.

我遇到的问题是我有一个需要应用于删除按钮的自定义样式.我可以在DataBound事件上添加类,但是当用户尝试编辑数据时,样式会在按钮上消失并返回到默认的Kendo UI样式.

Jquery用来添加样式

function onRowBound(e) {
    $(".k-grid-delete").removeClass("k-button k-button-icontext").addClass("btn btn-danger");
}

剑道MVC活动

columns.Command(command => command.Edit()).Title("Edit");
columns.Command(command => command.Destroy()).Title("Remove")
.........    
.Events(e =>
       {
          e.DataBound("onRowBound");
          e.Cancel("onRowBound");
          e.Edit("onRowBound");
       })) 

我尝试在Cancel事件上触发相同的方法,但样式仍然恢复为默认值.有没有办法设置样式,最好不使用"ClientTemplate"功能？

我在Inline Editable Kendo网格上进行了简单的自定义.

那就是当我添加新记录时,"更新"按钮应显示"插入",在"编辑"模式下,它应具有默认的"更新"按钮名称.

我知道我可以使用命令替换按钮名称,如下所示

columns.Command(commands =>
                {

                    commands.Edit()
                        .Text("MyCustomEdit")
                        .UpdateText("MyCustomUpdate")
                        .CancelText("MyCustomCancel");


                })

但只有在插入新记录的情况下,我该如何实现？

为了更清楚,我们在点击和点击(编辑现有网格行)时显示Update和Cancel按钮.Insert New recordEdit

单击"插入新记录"时,我希望将"更新"按钮的文本视为" 创建",在编辑现有行时,按钮的文本应保持为" 更新"

在插入

在编辑

如何将gridName传递给Kendo事件处理程序..Events(events => events.RequestEnd("requestEndEvent").

我使用的是Kendo UI版本2014.2.716.

我正在使用Kendo UI的网格以及Twitter Bootstrap.

Twitter Bootstrap有一个内置的弹出/模态,可以通过以下方式调用:

<a href="#" class="text-yellow" data-toggle="modal" data-target="#login">Login</a>

在我的Kendo UI网格中,我有一个自定义列模板:

   columns.Template(e => { }).ClientTemplate("<span data-toggle='modal' data-target='#login' title='Flag Animals as Dead or Deceased' style='cursor:pointer;' class='glyphicon glyphicon-flag flag-dead text-red'></span>").Width(50);

这就是我遇到问题的地方,如果你注意到,你需要用#符号指定模态窗口的Id.即data-target='#login'

每当#符号出现在我的网格模板中时,网格就会中断.我怎么能逃脱这个标志？

我正在尝试使用Kendo UI在MVC中通过模型和控制器创建饼图，该饼图将显示两种食物的总量，但由于附带的错误，我无法获得结果。

饼图中显示的类型：1）饮料和2）餐食

我指的是这种图表。

Kendo UI饼图

该链接显示了使用foreach的多个图表，但我仅关注仅一个图表，该图表会将总收入与餐食和饮料区分开。

我的控制器是：

 public ActionResult _SpainElectricityProduction()
        {
            List<PieGraphModel> objList = new List<PieGraphModel>();
            for (int i = 0; i < 2; i++)
            {
                if (i == 0)
                {
                    objList.Add(new PieGraphModel { coke = 10, pepsi = 20, Type = "Beverages", total = 30 });
                }
                else
                {
                    objList.Add(new PieGraphModel { chiniese = 50, italian = 40, Type = "Meals",  total = 90 });
                }
            }
            return Json(objList);
        }





 @(Html.Kendo().Chart<MvcRepo_Kendo.Models.PieGraphModel>()
            .Name("chart")
            .HtmlAttributes(new { @class = "small-chart" }) …