标签: kendo-grid

我有一个列,行中显示一些注释.由于音符很大,我已经缩短了控制器本身的音符并将其发送到我的aspx页面.我想要实现的是,我希望以鼠标悬停在网格行上的工具提示的形式显示完整的注释(或者如果可能的话,准确地在单元格上).有没有办法实现这个目标？任何帮助将受到高度赞赏.提前致谢.

我正在重新审视我在Kendo论坛上提出的一个问题(现在只读).这是原始主题.

Jon提出的解决方案建议:

如果您从span中取出验证消息,它将显示(使用jQuery将其附加到父元素).

我已经验证了工作 - 我只是无法显示验证消息(至少在可见的地方).我不知道该追加什么.

任何建议都非常感谢.

我目前继承了一个应用程序,其中包含许多Kendo网格(和其他控件),我正在尝试修复一个不断出现的错误 - 特别是当用户不再进行身份验证时.

我知道控件的单个实例的解决方案是什么 - 返回一个标志以指示身份验证失败,然后在错误处理程序中检测它并执行身份验证.

问题是我真的要为我拥有的剑道控制的每个实例处理这个问题吗？是否没有可以挂钩的全局错误处理程序？对于数据源本身(我知道这用于所有Kendo控制数据加载),或者特定于Grid.我不介意任何一种方式 - 只是哪一个是钩子.

这将是一个更简单的短期解决方案,而不是将所有内容重构为特定的错误处理程序等.

我是Kendo MVC组件以及jQuery的新手.

我正在构建Kendo Grid.我想在Kendo网格上的页面加载时隐藏destroy(删除)命令.之后当我点击同一页面上的按钮时,它应该是可见的.

剑道网格:

@(Html.Kendo().Grid<Model>() 
.Name("grid")
.Columns(columns =>
{
columns.Bound(product => product.DESCRIPTION).Title("Description");
columns.Bound(product => product.CODE).Title("Description");
columns.Command(commands =>
{
commands.Destroy().HtmlAttributes(new { id = "buttondelete" }); 
}).Title("Operations");
 })
.ToolBar(toolbar =>
{
toolbar.Create().Text("Add Records"); 
toolbar.Save(); 
})

.Editable(editable => editable.Mode(GridEditMode.InCell)) 
.Pageable(pager => pager
.PageSizes(true)
.Input(true)
.Refresh(true)
)
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(true)
.Events(events => events.Error("onError"))
.Model(model =>
{
 model.Id(product => product.ID); // Specify the property which is the unique identifier of the model
model.Field(p => p.DESCRIPTION).Editable(false);
model.Field(product => product.CODE).Editable(false);
})
.Create(create => create.Action("a", …

我想在Kendo Grid中添加新行,它在First Cell中具有默认值.如何在添加的Kendo Grid行中设置默认值

我在Kendo Grid中添加了New Row ::

 $('#AddSingleSuppliment').click(function () {
            grid.addRow();

        });

但我想在Clicked DOM元素的值的基础上设置第一个单元格的值,Like

 $('#AddSingleSuppliment').click(function () {
           var temVal=$(this).text();
           grid.addRow(tempVal);
        });

但我们不能以那种方式去做.所以,请帮助我,在Kendo Grid中添加New Row,单击一个具有按钮值的单元格.

现在我可以在Kendo Grid中添加新行了,

$("#AddSingleSupplement").click( function(){
            var tempSupplement = $(this).val();
            //alert(tempSupplement);

            grid.addRow(tempSupplement);
            grid.dataSource._data[0].Description = $(this).text().trim();
        });

但是在添加新行时没有直接显示值.点击其他元素后显示.请建议我这个是正确的方法,或者除此之外还有其他任何方式.

我创建了一些代码来保存和恢复列顺序,如果我可以保存正确的数据,它也可以用于调整大小.似乎,当"columnReorder"事件触发时,新的列顺序实际上还没有保存 - 所以尽管我的列保存和恢复功能确实有效,但它落后了一步.有人知道如何获取"新"列信息,或者在重新订购完成后捕获事件吗？这是魔术的一部分......

    var colCook = getCookieColumns();

    //setup user columns or cookie columns as appropriate
    $("#disputesGrid").kendoGrid({
        dataSource: myDataSource,
        columns: (colCook != null) ? JSON.parse(colCook) : {default column values},
        pageable: {
            refresh: true,
            pageSizes: [10, 25, 50, 100],
            buttonCount: 10,
            input: true
        },
        reorderable: true,
        columnReorder: function (e) { saveColumnsCookie(); },
        sortable: true,
        resizable: true,
        selectable: "multiple row"
    });
}

function getCookieColumns() {
    var cookiesArray = document.cookie.split(';');
    for (var i = 0; i < cookiesArray.length; i++) {
        var c …

我正在使用Kendo UI Grid并且当前正确显示父子记录.然而,事实证明我实际上需要显示n级与严格的父级.并非每条记录都有孩子,但有些会有多个级别.

当前网格代码:

 var jgrid = $("#boxesgrid").kendoGrid({
        columns: [
            {
                field: "JobId",
                hidden: true
            },
            {
                field: "PercentComplete",
                hidden: true
            },
            {
                field: "JobStatusId",
                hidden: true
            },
            {
                field: "AppName",
                title: "App",
                template: "<span>${AppName}</span><img class='health-img-r' id=app-${JobId} title='health' src='' alt='health_png' />",
                width: "5%",
                editable: false,
                sortable: false
            },
            {
                field: "JobName",
                title: "Box Name",
                width: "17%",
                filterable: false
            },
            {
                field: "StartTime",
                title: "Start Time",
                width: "14%",
                filterable: false
            },
            {
                field: "EndTime",
                title: "End Time",
                width: "14%",
                filterable: false …

我正在使用API​​数据填充kendo - grid,但是在一个字段上添加验证也会自动为每个其他字段工作.

这是kendo-dataSource中的架构:

schema: {
                   model: {
                       id : "id",
                       fields: {
                           id: { editable: false, type: 'number'},
                           name: { editable: true, type : "string" },
                           unique_url: { editable: true , type: 'string'},
                           image_url : { editable: true, type : "string" },
                           title: {type : "string", validation: {
                                                required: true,
                                                validateTitle: function (input) {
                                                    console.log("I am inside validation",input.val());
                                                    if (input.val().length > 5) {
                                                       input.attr("data-validateTitle-msg", "Max length exceeded 5 characters only");
                                                       return false;
                                                    }    

                                                    return true;
                                                }
                                            }
                                            },
                           body: …

我需要kendo网格的所有名称来执行网格中的一些操作.请帮我？

我有一个使用Kendo Grid的MVVM应用程序,我想显示层次结构(嵌套网格).我试图复制此示例,但我无法显示层次结构数据.如何显示层次结构记录？

cshtml代码:

<div id="custOrderGrid"
        data-role="grid"
        data-resizable="false"
        data-navigatable="true"
        data-editable="true"
        data-pageable="false"
        data-scrollable="true"
        onscroll="true"
        data-detail-template="child-template"
        data-columns="[
                { 'field': 'OrderID', 'title': '<b>Order #', 'width': 65 },
                { 'field': 'LineNo', 'title': '<b>Line Number', 'width': 65 },
                { 'field': 'ItemNo', 'title': '<b>Item Number', 'width': 65 },
                { 'field': 'Desc', 'title': '<b>Description', 'width': 150 }
            ]"
        data-bind="source: orderSearchResults"
        style="height: 55%">
</div>

<script id="child-template" type="text/x-kendo-template">
    <div data-role="grid"
         data-bind="source: obj2"
         data-columns="[
    { field: 'name' },
    { field: 'oid' }
    ]"></div>
</script>  

打字稿代码:

orderSearchResults = new kendo.data.DataSource({ …