标签: kendo-grid

用于kendo ui网格组标头的子组标头

我正在尝试相应地对数据进行分组

Department A(Group)
    Class 1(Sub Group)
        Morning
        Afternoon
        Evening
    Class 2(Sub Group)
        Morning
        Afternoon
        Evening
Department B(Group)
Run Code Online (Sandbox Code Playgroud)

在剑道ui网格分组中的任何可能性......

kendo-ui kendo-grid

0
推荐指数
1
解决办法
2493
查看次数

如何根据Viewbag值有条件地分组或不分组KendoUI网格

我需要将列名或值'none'传递给我的kendo网格,以根据Viewbag元素的值有条件地对其进行分组.当我按预期传递组中的列名称时.我的问题是如果传入值'none'则不进行分组.我的代码是:

@(Html.Kendo().Grid<dynamic>()
    .Name("exportGrid")
    .DataSource(dataSource =>
    {
        dataSource.Ajax()
        .Read("ReadGrid", "Report", new { id = Model.Inquiry_ID })
        .Group(grp => grp.Add(ViewBag.groupBy, typeof(string)))
        .Model(m =>
        {
            // Add the fields to the dynamic model
            foreach (var field in Fields)
            {
                switch (field.DATA_TYP_NUM)
                {
                    case 1: m.Field(field.INTERNL_NME, typeof(string)); break;
                    case 2: m.Field(field.INTERNL_NME, typeof(double?)); break;
                    case 3: m.Field(field.INTERNL_NME, typeof(double?)); break;
                    case 4: m.Field(field.INTERNL_NME, typeof(DateTime?)); break;
                }
            }
        })

        .ServerOperation(true);
    })
    .Groupable()
    .Filterable()
    .Sortable()
    .ColumnMenu()
    .Events(e => e.DataBound("onDataBound"))
    .Resizable(resize => resize.Columns(true))
    .Columns(columns =>
Run Code Online (Sandbox Code Playgroud)

正如我所说 - 这工作正常,但我需要一种方法来排除.Group(....) …

asp.net-mvc viewbag kendo-ui kendo-grid

0
推荐指数
1
解决办法
3345
查看次数

Kendo网格格式时间到AM/PM

我有一个Kendo网格从sql表中提取数据,时间到了08:00:00,我希望它是08:00 AM.我试过做格式:"{0:HH:mm}"但这并没有改变任何东西.

kendo-ui kendo-grid

0
推荐指数
1
解决办法
4280
查看次数

无法使用MVC在网格中显示细节

我有一个文本框和按钮,当用户输入一个值和按下提交按钮时,我需要在同一视图中的Kendo UI Grid中显示这些值.

为此,我这样做了......

这是我的模特..

namespace KendoSampleMVCApp.Models
{
    public class TextBoxGrid
    {
        public string EnteredValue { get; set; }    
        public List<EmployeeDetails> employees;    
    }
    public class EmployeeDetails
    {
        public string EmployeeId { get; set; }
        public string ManagerId { get; set; }    
    }
}
Run Code Online (Sandbox Code Playgroud)

这是我的控制者

namespace KendoSampleMVCApp.Controllers
{
    public class EnterValuesGridController : Controller
    {     
        public ActionResult Index( TextBoxGrid model)
        {
            return View(GetEmployee());
        }
        [HttpPost]
        public ActionResult PostValues(TextBoxGrid model)
        {
            TempData["enteringValue"] = model.EnteredValue;
            return View(model);                
        }    
        public  IEnumerable<EmployeeDetails> GetEmployee()
        {
            string enteredValueId …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-mvc asp.net-mvc-3 asp.net-mvc-4 kendo-grid

0
推荐指数
1
解决办法
1031
查看次数

使用Knockout-Kendo.js为ko绑定自定义kendo网格的标头

我尝试使用带有敲除绑定和Knockout-Kendo.js库的kendo网格

它的定义如下:

<div data-bind="kendoGrid:
                {
                    data: SearchResult,
                    rowTemplate: 'rowTmpl',
                    altRowTemplate: 'altTmpl',
                    useKOTemplates: true
                }"> 
</div> 

<script id="rowTmpl" type="text/html">
    <tr class="tdText" role="row">
        <td >
            <a data-bind="attr: { href: 'scrccc_checkEdit.aspx?id=' + CheckID }" >
                <img src="images/icon-edit.gif" border="0" alt="Edit/View Check" />
            </a>
        </td>
        <td data-bind="text: CheckNumber"></td>
        <td data-bind="text: new Date(CreateDate).MMddyyyy()"></td>
        //...
        <td data-bind="text: ParishName">                                        
    </tr>
</script>
<script id="altTmpl" type="text/html">
   //....
Run Code Online (Sandbox Code Playgroud)

从REST服务加载的数据有更多的列,我希望在网格中显示该行看起来没问题,由于模板,但问题在于网格标题,为源中的每个字段创建列.

如何隐藏标题中的某些列,并自定义其标题标签(更改列宽,标题标签并最终允许其他自定义.

例如,在上图中我想要Co

javascript kendo-ui knockout.js kendo-grid knockout-kendo

0
推荐指数
1
解决办法
9442
查看次数

从Kendo DatePicker Inside Kendo Grid中选择的日期格式

我有通过Jquery生成的kendo网格.我里面有一个可编辑的日期列.正在进行编辑,问题在于我在数据选择器中选择日期后的数据格式化.

网格:

 divSearchGrid.kendoGrid({
                dataSource: {
                    transport: {
                        read: function (options) {
                            $.ajax({
                                type: "POST",
                                url: urlSearch,
                                data: paramsSearch,
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
                                success: function (result) {
                                    var data = result.d;
                                    if (data != null) {
                                        if (data.length > 0) {
                                            structuredData = [];
                                            for (var i = 0; i < data.length; i++) {
                                                var objStructured = {};
                                                objStructured[defaultTaskColumnAray[0]] = data[i].TaskID
                                                objStructured[defaultTaskColumnAray[1]] = data[i].TaskDescription
                                                objStructured[defaultTaskColumnAray[2]] = data[i].AssignedToName
                                                objStructured[defaultTaskColumnAray[3]] = data[i].StatusName
                                                objStructured[defaultTaskColumnAray[4]] = data[i].ServiceName
                                                var customFieldList = data[i].CustomFieldColumnGrid;
                                                if (customFieldList.length > …
Run Code Online (Sandbox Code Playgroud)

jquery kendo-ui kendo-grid

0
推荐指数
1
解决办法
9274
查看次数

在Kendo UI网格中使用GUID

我正在使用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 => …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-mvc kendo-ui kendo-grid kendo-asp.net-mvc

0
推荐指数
1
解决办法
3458
查看次数

KendoUI网格寻呼机图标不对齐

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

这是示例中的寻呼机:

在此处输入图片说明

这是我的传呼机:

在此处输入图片说明

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

在此处输入图片说明

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

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

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

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

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

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

telerik kendo-ui kendo-grid kendo-asp.net-mvc

0
推荐指数
1
解决办法
903
查看次数

如何在KendoUI Grid中扩展过滤器菜单的宽度

我使用KendoUI Grid来显示数据.当我在配置指南中使用columns.filterable时,显示数据太长.

在此输入图像描述

如上图所示.

我调查并使用.k-multicheck-wrap来扩展宽度.

但是我遇到的问题是上面的css类会影响到所有过滤菜单.

在此输入图像描述

所以我想影响上传时间列.

css filter width kendo-ui kendo-grid

0
推荐指数
1
解决办法
1452
查看次数

网格加载时默认选择Angular 4 Kendo UI网格第一行

我正在尝试在加载网格时默认选择角度剑道网格的第一行。有什么建议么 ?

kendo-ui kendo-grid angular

0
推荐指数
1
解决办法
2001
查看次数