标签: kendo-grid

是否可以使用2个单独的Kendo UI网格，并能够通过UI控件来回传递数据（如前进和后退箭头）？

模式将是在左侧获取主列表，选择项目并在右侧具有精致列表。

我在内联编辑模式下有一个kendo网格.当我按"添加新项目"按钮时,添加新行并设置为编辑模式.通过多次按"更新"按钮,我可以将重复的记录插入数据库.

第一次点击后是否有可能禁用"更新"按钮？

执行插入后,还会丢失剑道网格上的行选择.这是正常的行为吗？

单元格内容选择对于数字文本框(内部处理为Kendo NumericTextBox控件)成功运行,但由于某种原因,它不适用于纯文本框列.随附的是jsfiddle演示问题:

http://jsfiddle.net/latenightcoder/TrJVK/86

这是网格设置中的重要代码:

edit: function (e) {
        var input = e.container.find("input");
        input.focus(function (e) {
            console.log('focus');
            setTimeout(function () {
                input.select();
            });
        });
    }

如何访问或修改Kendo MVC Grid Destroy Command确认消息OK按钮事件？

实际上,我想在点击Destroy确认框的"OK"按钮后隐藏/删除所有自定义验证消息.

我已尝试某些东西来获取删除事件的访问权限.例如:

$(".k-button.k-button-icontext.k-grid-delete").live('click', function (e) {
    alert('delete');
});

但是,这会在默认点击事件之后触发,并且在"确定"和"取消"之后触发.所以,我无法确定哪个是"OK"事件,哪个是"取消".

任何人都可以告诉我该怎么做？

仅供参考,我正在使用Kendo MVC Grid开发ASP.NET MVC4.

有一种简单的情况找不到解决方案.Kendo-UI仅在底部实现网格分页.我试图让它在顶部显示寻呼机,但它变得无法点击.我认为我的克隆部分是错误的,但不知道如何解决它.先谢谢你们.

这里是脚本和jsp的一部分......

<kendo:grid name="grid" pageable="true" dataBound="onBound">
    <kendo:dataSource serverPaging="true" serverSorting="true">
        <kendo:dataSource-transport>
            <kendo:dataSource-transport-read url="api/items" />
        </kendo:dataSource-transport>
        <kendo:dataSource-schema data="data" total="total" />
    </kendo:dataSource>
    <kendo:grid-columns>
        <kendo:grid-column title="id" field="itemId"></kendo:grid-column>
    </kendo:grid-columns>
</kendo:grid>



<script type="text/javascript">
    function onBound() {
        var grid = $("#grid");
        grid.find(".k-grid-pager")
            .clone()
            .insertBefore(grid.find(".k-grid-header"))
            .addClass("pagerTop").css("border-width", "0 0 1px 0");
    }   
</script>

如何在ajax帖子成功后刷新kendo ui网格？这是我的网格ajax帖子:

 var newUser = {
                    UserId: 0,
                    UserLoginName: currentRecord.UserLoginName,
                    UserDisplayName: currentRecord.UserDisplayName
                };
                //insert selected rows using DataSource insert method
                destinationGrid.dataSource.insert(newRecord);
                //ajax post to server
                var url = '@Url.Action("CreateUser", "ManageUsers")';
                $.post(url, { loginid: currentRecord.UserLoginName, name: currentRecord.UserDisplayName, role: roleSelected }, function (result) {
                    if (result.Success) {
        **////grid is not refreshing as I want to refersh the grid again from database**
                        destinationGrid.dataSource.read();
                    }

                });
            }

当我使用带有ASP .NET MVC的Kendo UI网格点击"编辑"按钮时,我想向另一个页面添加重定向.

这是基本代码:

@(Html.Kendo().Grid<ViewModel>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(x => x.Id);
        columns.Bound(x => x.Name);
        columns.Bound(x => x.Field1);
        columns.Command(commands =>
        {
            commands.Edit();
            commands.Destroy();
        })
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(x => x.Id))
        .Read(read => read.Action("Read", "Home"))
        .Update(update => update.Action("Edit", "Home"))
        .Destroy(destroy => destroy.Action("Destroy", "Home"))
    )
)

我试图使用HTML属性,但它不起作用:

commands.Edit().HtmlAttributes(new { @class = "edit" });

然后,我尝试添加一个自定义编辑(通过commands.Custom(...)但不幸的是它仅用于.Server()数据绑定.

我可以用客户端模板来做,但我真的想使用Kendo UI提出的默认按钮:

columns.Template(@<text></text>)
            .ClientTemplate(
                "<a href='" + Url.Action("Edit", "Home") + "/#=Id#'>Edit</a>");

你还有其他想法吗？

提前致谢.

我在我的Web API控制器端点上得到一个例外,我真的会帮助解决这个问题:

这是故事:

我的Web API项目控制器公开以下端点:

我的Kendo UI Datagrid提出以下请求:

http://localhost:63865/api/employees/GetAll?$callback=jQuery21109420544053427875_1410883352953&%24inlinecount=allpages&%24format=json&%24top=5

验证请求中发送的ODataQueryOptions时,我收到此异常:

不允许使用查询选项"格式".要允许它,请在EnableQueryAttribute或QueryValidationSettings上设置"AllowedQueryOptions"属性.

但我实际上启用了所有查询选项

[EnableQuery(AllowedQueryOptions=AllowedQueryOptions.All)]

我做错了什么？

我有一个定义为我的剑道网格的编辑器模板

<script id="my-editor-template" type="text/x-kendo-template"> 
    <div class="k-edit-label">
        <label for="ContactName">Contact</label>
    </div>
    <div data-container-for="ContactName" class="k-edit-field">
        <input type="text" class="k-input k-textbox" name="ContactName" data-bind="value:ContactName">
    </div>
    <!-- more fields, etc -->
</script>

在我的网格定义中,我definte editable像这样:

        editable =
        {
            mode: 'popup',
            template: kendo.template($('#my-editor-template').html()),
            confirmation: 'Are you sure you want to delete rec'
        };

但我想让弹出窗口更宽广.我尝试将模板的内容包装在一个

<div style="width: 800px;"></div> 

但弹出窗口保持不变,并使内容可滚动(即400px窗口内的800px内容).

我知道我能做到

$(".k-edit-form-container").parent().width(800).data("kendoWindow").center();

窗口打开后,窗口的所有内容都被格式化为400px,感觉有点hackish.难道我没有办法在模板标记中指定大小吗？

我在局部视图中有Kendo Tabstrip控件，在该Tabstrip中有Kendo Grid。

         @(Html.Kendo().TabStrip()
                .Name("tabstrip1")
                .Items(ts =>
                        {
                        ts.Add()
                        .Text("Tab Strip 1")
                        .Content(@<text>
                            @(Html.Kendo().Grid<testproject.Class.DiscussionBoard>()
                                .Name("kendogrid1")
                                .Columns(columns =>
                                    {
                                        columns.Bound(p => p.Name).Title("Name");
                                        columns.Bound(p => p.CreatedBy).Title("Created By");
                                        columns.Bound(p => p.Subject).Title("Subject");
                                        columns.Bound(p => p.CommentsDescription).Title("Comments/Description");
                                        columns.Bound(p => p.ModifiedOn).Title("Modified On ");
                                    })
                        .NoRecords("No Recod Exists!!")
                            )
                        </text>);
                        })
        )

当我运行这个我得到这个错误

我尝试通过网络进行搜索，但没有找到太多有关此问题的信息

ASP MVC 5项目

帮助总是值得赞赏的

谢谢