标签: kendo-grid

嗨,我对kendo UI非常新,所以在下面的修复中需要帮助,

我正在使用如下的kendo grid UI进行分页: <script> $(document).ready(function(){ $("#table3").kendoGrid({ dataSource: { pageSize: 10 }, pageable: true, enter code hereheight:300, sortable: true, }); $("#table3").show(); }); </script>

当用户在页面中编辑记录时,他被重定向到具有该记录详细信息的编辑页面,因此我需要当前页码,因为在页面中编辑记录后,我需要在保存该记录的详细信息后将用户重定向到同一页面.我在coldfusion页面中使用它.请帮忙.

提前致谢

在我的Kendo Grid上,我从服务器接收了日期时间.在客户端,此时间将更改为客户端的时区并显示.如何从服务器向客户端显示相同的时间.

以下是我绑定日期时间的kendo代码.

columns.Bound(p => p.CreateDate).Format("{0:dd/MM/yyyy hh:mm:ss}").Sortable(true).Width(180);

我目前正在尝试使用远程数据填充kendo网格.Kendo有自己的功能来获取数据,但我想使用我创建的角度工厂.

所以我有一个工厂,它有一个功能"getSkills".此函数从我的api获取所有技能对象.

angular.module('MyApp').factory('Factory', function ($resource) {
    return $resource('/api/v1/skills/', {  },
        {
            getSkills: { method: 'GET', isArray: true }
        });
});    

在角度的SkillController中,我将这些获取的技能放在范围变量中.

$scope.skills = SkillFactory.getSkills();

我在这里初始化Kendo网格:

$scope.gridOptions = {
                dataSource: {
                    data: $scope.skills,
                    schema: {
                        model: {
                            fields: {
                                ID: { type: "number" },
                                Name: { type: "string" },
                                CreatedBy: { type: "number" },
                                CreatedDate: { type: "string" },
                                EditedBy: { type: "number" },
                                EditedDate: { type: "string" },
                                InUse: { type: "boolean" }
                            }
                        }
                    },
                    pageSize: 20
                },
                scrollable: …

我需要在Angular-Kendo网格中实现服务器端分页.我无法从Angular方面清楚地了解如何做到这一点.

有人可以帮忙吗？

我在网格单元格中有kendoui工具提示有问题.在网格中我显示一个简单的文档文件夹.每行列出一个文件.在第一列中,我有一个小的预览图标和图像或文件的下载链接.如果我将鼠标悬停在图像上,则会调用工具提示.

例:

<a class="documents has_preview" href="<my_download_path>" title="<my_image_title>" data-url="<my_preview_image_path>">
<span class="icon preview_image image jpg has_image">
    <img src="<my_preview_icon_path>" border="0" alt="" />
</span>
<my_image_name>

工具提示插入如下:

<script id="template" type="text/x-kendo-template">
    <img src="#=target.data('url')#" alt="#=target.data('title')#" />
    <p>#=target.data('title')#</p>
</script>

$("#grid").kendoTooltip({
    filter: "a.has_preview",
    content: kendo.template($("#template").html()),
    position: "top"
});

问题是:

如果我第一次悬停图像名称,工具提示将不会显示在指定位置.在第二次悬停相同图像名称时,一切都正确显示...

任何人都可以给我一个暗示该怎么办？

非常感谢!菲利普

我希望分页只显示我的记录比我的pageSize更多.有没有办法实现这种影响？

理想情况下,当在客户端上添加/删除数据时,分页机制将相应地显示/隐藏(再次,仅显示是否存在比页面大小更多的项目).

任何想法/解决方法？

更新

一旦我删除了高度设置代码,j4ro提供的答案似乎很有效.对我来说没有必要,但是你的里程可能会有所不同,因为我没有用更典型的用例来测试它.

dataBound: function () {
    if (this.dataSource.totalPages() === 1) {
        this.pager.element.hide();
    }
    else {
        this.pager.element.show();
    }
}

我正在使用kendo网格,并希望在服务器中执行过滤,排序和分页.我明白我应该添加到dataSource:

serverPaging: true,
serverSorting: true

但是我如何告诉grid/dataSource它应该用于哪个url进行sortig,过滤等等.如果我想自己执行sortig怎么办？我想使用控制kendo提供但是自己去服务器.有没有像"sortTriggered"这样的事件,我可以称之为"prevntDefault"或类似的东西......我不知道.

我有一些计时问题,并且想知道在saveChanges保存完成时是否有办法进行回调？

我试图通过addRow()方法向网格插入一个新行,但我希望它在网格上当前选定的行之后或当前选定的行之前添加？有人可以帮忙吗？目前,我得到的是:

Grid.addRow();

$(".k-grid-edit-row").appendTo("#Grid tbody");

但是这会在表格的底部插入一行.我需要它在特定位置添加行,网格已经有行.

虽然我已经尝试了几次,但我无法解决尝试多种方法.不久,这就是我想要做的事情:只将修改或新行作为对象或JSON字符串.