标签: kendo-ui

我正在使用JCery(KendoGrid)使用MVC构建应用程序来显示数据,一切都按照要求正常工作,后来我们计划在网格的每一行上添加带有按钮的额外列,听起来很简单,但尝试了多种方法添加到应用程序中,收到错误消息"未定义'节点'.....",所以我没有其他选项,而不是在这里发布,如果任何人能够帮助我在这将是欣赏,我使用列模板在jquery kendo网格上谢谢

脚本

在指定的行中单击该按钮,它应该带有" ID(如下所示)"并重定向到" ActionResult "Controller,我可以根据我的要求进一步编码

代码(代码的一部分)

columns: [
                { field: "ID", Title: "ID", filterable: false, sortable: false, hidden: true },

                { field: "RowID", Title: "RowID", filterable: false, sortable: false, hidden: true },

                { field: "BillNumber", Title: "BillNumber", filterable: false, sortable: false,hidden:true },

                { field: "ServiceName", Title: "ServiceName",width:600 },

                { field: "ServiceStatus", Title: "ServiceStatus", width: 150 }
// Creating template column

               , {
                   field: "Action", title: "Is Action", template: "<input type=\"checkbox\"    #= Action ? checked='checked' : '' # …

我可以通过以下模板方案将kendo下拉列表添加到kendo网格中:

<script type="text/x-kendo-template" id="ddlGrid">
    <input data-role="dropdownlist"
       data-text-field="Text"
       data-value-field="Value"
       data-bind="source: actionSource, events: { change: onChange}"/>
</script>
<div class="demo-section">
<div class="k-content" style="width: 100%">
    <div id="grid"
         data-role="grid"
         data-sortable="true"
         data-selectable="true"
         data-columns="[
            { field: 'ProductID' },
            { field: 'ProductName' },
            { field: 'UnitPrice' },
            { field: 'UnitsInStock' },
            { field: 'Discontinued' },
            { title: 'Action', template: kendo.template($('#ddlGrid').html())} ]"
         data-bind="source: dataSource, event">
    </div>
</div>

但是,问题是如何访问该下拉列表以获取值/文本/索引.到目前为止,我可以使用这种方法获取选定的行数据:

var onClick = function (event, delegate) {
  event.preventDefault();
  var grid = $("#grid").data("kendoGrid");
  var selectedRow = grid.select();
  var dataItem = grid.dataItem(selectedRow);
  if …

我正在使用asp.net mvc中的Kendo UI网格,其中我有一个包含多个属性的模型.其中一个属性(Id)是Guid.每当我尝试在网格中创建一个新行时,输入所有细节(Id由后端服务器自动生成)并按"更新",我收到一条错误消息"需要Id字段".有办法解决这个问题吗？

我怀疑Guid-type是造成麻烦的人.网格:

@(Html.Kendo().Grid<ToolModel>()
      .Name("grid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Displace);
          columns.Bound(p => p.FishingNectOd);
          columns.Bound(p => p.Length);
          columns.Bound(p => p.Model);
          columns.Bound(p => p.Name);
          columns.Bound(p => p.Supplier).Width(150);
          columns.Bound(p => p.TagId);
          columns.Bound(p => p.ToolOd);
          columns.Bound(p => p.Type);
          columns.Bound(p => p.Weight);
          columns.Command(command => { command.Edit(); command.Destroy(); }).Width(180);
      })
      .ToolBar(toolbar => toolbar.Create())
      .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ToolPopUpTemplate"))
      .Pageable()
      .Sortable()
      .Scrollable()
      .HtmlAttributes(new { style = "height:500px;" })
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(10)
          .Events(events => events.Error("error_handler"))
          .Model(model => model.Id(toolModel => toolModel.Weight))
          .Create(update => update.Action("EditingPopup_Create", "ToolManagement"))
          .Read(read => …

我无法清除kendo工具提示.我的代码如下:

var tooltip = $("#DIV_ID").kendoTooltip();
tooltip.hide();

我也试过破坏事件,但工具提示没有得到正确清理.

我评估剑道的UI,我想配置意见 views: [{type: "week", ...}, { type: "workweek", ...}, { type: "month", ...}]的剑道的UI调度总是与周一开始.

我发现问:将周的第一天设置为星期一,但没有接受答案,并且提供的解决方案对我不起作用.

试图设置workWeekStart

所以在尝试了几件事后我最终得到了:

$("#scheduler2").kendoScheduler({        
  date: new Date("2014/12/1"),
  allDayEventTemplate: $("#event-template").html(),                
  timezone: "Etc/UTC",
  views: [{ type:"day", showWorkHours:true, workWeekStart:0}
   ,{type:"week", workWeekStart:1, workWeekEnd:5
               , showWorkHours:true, selected:true}
   ,{type:"workWeek", workWeekStart:1, workWeekEnd:0
               , showWorkHours: true, selected: true }                    
  ,{type:"month", workWeekStart: 2 }
  , "agenda"]
  ,dataSource: events1,
  resources: [ { field: "attendees", dataSource: people1, multiple: true } ]
});

正如你所看到的那样,type:"workWeek"每周工作都以星期一开始,因为我将workWeekEnd:0它设置为星期日.使用相同的配置设置type:"week"或 type:"month" 无效 - …

我正在使用kendoTreeList

我正在努力扩大所有群体.这是我的代码示例

但似乎kendoTreeList只支持扩展第一组.我也在expand方法中尝试了以下选择器.

treeList.expand($( "K-树形列表的基团.")); 扩大所有群体.即使选择器$(".k-treelist-group").长度为3(组的总数),但是树形图仅扩展第一组.

有任何建议请告诉我.

我使用kendo网格插件来显示数据.使用内置功能导出优于kendo网格,导出网格数据. http://demos.telerik.com/kendo-ui/grid/excel-export 但我想在将数据导出到excel之前删除2列.

请让我知道如何实现它

谢谢,努普尔

默认情况下,图表显示2001 - 2002年的数据; 我想知道当用户将鼠标悬停在图表上时,它将显示2002-2003的数据.一旦mouser不在图表中,它应该回到默认阶段.

//The first data comes from 2001-2002
var seriesData = [{
    year: "2000",
    sold: 100,
    produced: 200
}, {
    year: "2001",
    sold: 250,
    produced: 280
}];

// The second dataset comes from 2002-2003
var seriesData2 = [{
    year: "2002",
    sold: 140,
    produced: 240
}, {
    year: "2004",
    sold: 350,
    produced: 380
}];

function createChart() {
    $("#chart").kendoChart({
    dataSource: {
        data: seriesData
    },
    series: [{
        name: "Sold",
        field: "sold"
    }, {
        name: "Producted",
        field: "produced"
    }],
    categoryAxis: {
        field: …

我正在使用Kendo的Scheduler控件.我试图在每天的标题中呈现每日容量(现在硬编码30%),如下面的屏幕所示.如何用数据源中的数据替换硬编码？

这是我用过的代码.我在下面的代码中有30%的硬编码.

<!DOCTYPE html>
<html>
<head>
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.material.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.material.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.default.mobile.min.css" />

<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/kendo.web.min.js"></script>
<script>
    $(function () {
        $('#scheduler').kendoScheduler({
            date: new Date("2013/09/02"),
            dateHeaderTemplate: kendo.template("<u>#=kendo.toString(date, 'dd/M')#</u> - (30%)"),               
        });
    });
</script>
</head>
<body>
    <div id="scheduler"></div>
/body>

现在,我将从API获得"百分比",并希望设置为datasource,并且从数据源我想将其渲染为标题

来自JavaScript的当前数据源设置代码

var datasource = new kendo.data.SchedulerDataSource({
      data:Model.recordCollection // setting data
});
scheduler.setDataSource(datasource);

但是这个数据源与日历事件有关,这不包含日常容量.那么如何设置来自不同数据源的日常容量数据呢？

根据答案,我正在编辑这个问题

var actualDC = ["30","20","10","50","70","60","40"]; …

完全按照示例中的说明实施Kendo Grid。

这是示例中的寻呼机：

这是我的传呼机：

注意箭头如何位于按钮顶部。

为什么会这样呢？我以为如果您安装KendoUI，一切都应该开箱即用？

我已经在Chrome，Firefox和IE中尝试过此方法，并且结果相同。

有谁知道如何解决这一问题？

最糟糕的部分是右侧的刷新，它与旁边的物品数量完全不一致。

我什至尝试过在新解决方案上进行全新安装，但也没有解决问题。

有人可以帮帮我吗？也许还有更多步骤可以正确安装Kendo UI？