标签: kendo-grid

是否有任何默认方式在kendo DatePicker中确保To date始终大于或等于From date.这是我试过的代码:

我的范围选择代码:

function startChange() {
    var startDate = startdatetimepicker.value(),
            endDate = enddatetimepicker.value();

    if (startDate) {
        startDate = new Date(startDate);
        startDate.setDate(startDate.getDate());
        enddatetimepicker.min(startDate);
    } else if (endDate) {
        startdatetimepicker.max(new Date(endDate));
    } else {
        endDate = new Date();
        startdatetimepicker.max(endDate);
        enddatetimepicker.min(endDate);
    }
}

function endChange() {
    var endDate = enddatetimepicker.value(),
            startDate = startdatetimepicker.value();

    if (endDate) {
        endDate = new Date(endDate);
        endDate.setDate(endDate.getDate());
        startdatetimepicker.max(endDate);
    } else if (startDate) {
        enddatetimepicker.min(new Date(startDate));
    } else {
        endDate = new Date();
        startdatetimepicker.max(endDate);
        enddatetimepicker.min(endDate);
    } …

我需要在网格行和详细信息视图上绑定一些事件.我正在使用一个可观察的视图模型,其中注册了一些事件,并尝试使用行模板和详细信息模板将它们绑定到DOM.到目前为止没有进展.

$("#grid").kendoGrid({
    sortable:true,
    rowTemplate:'<tr class="k-master-row"> 
         <td class="k-hierarchy-cell"><a class="k-icon k-plus" href=""></a></td>
        <td><a data-bind:"click:highlight">click in row ${id}</a></td><td>${bool}</td>
    </tr>',
    detailTemplate:'<a data-bind:"click:highlight">click In details ${id}</a>',
    columns: [{field:'id',sortable:false}, {field:'bool'}],
    dataBound: function(e) {
      var grid=$("#grid").data('kendoGrid');
      grid.expandRow("tr.k-master-row");
    }
});


var model=( {
    highlight:function(){
       console.log(this.id);
    },
   items:[{id: 1123, bool: true}, {id: 223, bool: false}]
});
kendo.bind($("#grid"),kendo.observable(model));

这是jsFiddle http://jsfiddle.net/amGmr/9/ .是否有可能使用MVVM绑定事件与网格？

我添加了filterable:true for kendo ui grid.网格正在过滤.

我想要的是,当单击过滤器图标时,过滤器图标应填充一些不同的颜色,或者可能应该更改过滤器图标的颜色,以便单击列过滤器图标.

请告诉我们这是怎么回事.

码:

function directorsOrRecipients(e)
{
    $("<div/>").appendTo(e.detailCell).kendoGrid({
        dataSource: {
            transport: {
                read: { url: "http:...xxxx" + e.data.AwardTitleId, type: "GET" }
            },
            schema: {
                model: {
                    id: "namefirstlast",
                    fields: {
                        "namefirstlast": { editable: true, type: "string" },
                        "directorsequence": { editable: true, type: "number" },
                        "isonballot": { editable: true, type: "boolean" },
                        "concatenation": { editable: true, type: "string" },
                        "MoreNames": { editable: true, type: "number" },
                    }
                },
            }
        },
        columns: [
            { field: "namefirstlast", title: "Name", editor: namesAutoComplete },
            { field: "directorsequence", title: …

在更新之前,是否可以在Kendo UI网格中访问和修改数据？

下面是一个例子来说明我的需求.在options.data包含发送的数据,但它已经被格式化字符串"models=%B7%22Id22%.... etc"没有真正方便的形式.

dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    ...
                },
                update: {
                    url: baseURL + "update",
                    beforeSend: function(xhr, options){
                        xhr.setRequestHeader('API-KEY', apikey );
                        var modifiedData = doSomething(options.data);
                        return modifiedData;
                    },
                    dataType: "json",
                    method: "POST",
                    dataFilter: function(data){
                        ... some data recieved modification
                        return JSON.stringify(somedata);
                    },
                    complete: function(e) {
                        ....
                    }
                },

我有一个Kendo Grid,我想从我扩展的细节行访问数据.出于测试目的,我有这个:

function detailExpand(e)
{
    var aux = e.sender.MyModelId;
    var aux2  = this.MyModelId;
    ...

但这些变量都没有MyModelId.

我已经检查了它,我找不到模型属性,除非在里面,e.sender._data[index-here]但我不知道我已经扩展的细节的行的索引.

我试图在我的Kendo UI Grid中适当地显示datetime列.日期正在成功显示,但不是时间.这是一个简单的jsfiddle显示我的场景.

field: "Date",
title: "Date",
format: "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["MM/dd/yyyy h:mm:ss"]

我尝试了不同的替代方案但没有成功.任何有关如何按预期显示内容的想法将不胜感激!

我正在使用Kendo UI for ASP.NET MVC.我有网格编辑命令.编辑命令的默认外观是"按钮",我想将其更改为链接.但是命令没有Template()方法.那么如何更改编辑命令按钮以进行链接？

Telerik可以选择创建此处定义的自定义命令.但我的网格配置为使用GridEditMode.Popup内置编辑命令很好用.如果我创建自定义命令然后我想我必须连接弹出窗口和其他一切.

我只是想改变"按钮"链接？

 @(Html.Kendo().Grid<UI.Models.GridVM>()
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.CampaignID)                    
            columns.Bound(p => p.CampaignStatus);  
            columns.Command(command => command.Edit().Text("Edit Me")); // How do i change this to link??
        })            
        .Editable(editable => editable
            .Mode(GridEditMode.PopUp)
            .TemplateName("CampaignEdit")
            .Window(w =>
            {
                w.Width(400);
                w.Title("Edit Details");
            }))
        .Filterable()
        .Pageable()
        .Navigatable()
        .Sortable()                      
        .DataSource(dataSource => dataSource
            .Ajax()
            .ServerOperation(false)
            .PageSize(20)
            .Model(model => model.Id(p => p.CampaignID))
            .Read(read => read.Action("GetCampaigns", "Home"))
            .Update(update => update.Action("UpdateCampaign", "Home"))
        )            
    )

UPDATE1
@Steve Greene谢谢.您的方法确实适用于主网格.但我也有儿童细节网格,它有编辑链接.该方法不适用于细节网格.剑道引发错误.
我认为我们必须转义模板表达式,以便在子/详细信息上下文中进行评估.但我不确定语法是什么

 @(Html.Kendo().Grid<UI.Models.GridVM>()
    .Name("Grid")
    .Columns(columns => …

我是初学者...我正在使用Jndo的kendo-grid.

我想在kendo-gird中获取当前排序的字段.

我找到了这个.的console.log(grid.dataSource._sort [0] .DIR); 的console.log(grid.dataSource._sort [0]点域);

我可以找到其他方式吗？

这是我的代码.

        var dataSource = new kendo.data.DataSource({
        transport       : {
            read        : {
                type        : 'post',
                dataType    : 'json',
                contentType : 'application/json;charset=UTF-8',
                url         : cst.contextPath() + "/watcher/kendoPagination_statsErrorHistoryRetrieveQry.htm",
                data        : param
            },
            parameterMap: function (data, opperation) {
                return JSON.stringify(data);
            }
        },
        schema          : {
            data    : function(data) {
                return data;
            },
            total   : function(response) {
                return response.length > 0 ? response[0].TOTAL_COUNT : 0;
            }
        },
        pageSize        : cst.countPerPage(),
        serverPaging    : true,
        serverSorting   : true …

每当我单击添加新按钮时，使用Kendo UI Grid都会出现问题，它总是会产生此脚本错误。

这是我正在使用的代码：

dataSource = new kendo.data.DataSource({
    batch: true,
    pageSize: 20,
    transport: {
        read: {
            url: 'SaladEntry/GetSupport2/',
            dataType: "json"
        },
        destroy: {
            url: 'SaladEntry/DeleteSupportKendo2/',
            type: "POST",
            contentType: 'application/json'
        },
        create: {
            url: 'SaladEntry/SaveSupportKendo2/',
            type: "POST",
            contentType: 'application/json',
            complete: function (e) {
                SupportGrid();
            }
        },
        update: {
            url: 'SaladEntry/EditSupportKendo2/',
            type: "POST",
            contentType: 'application/json',
            complete: function (e) {
                SupportGrid();
            }
        },
        parameterMap: function (options, operation) {
            if (operation == "read") {
                return saladparamObj;
            }
            else {
                options.models[0].CountryNo = $('#Country_No').val();
                var SaladParamSerialized …