Kendo Grid中的可点击单元格

时间:2017-06-21 11:29:23

标签: jquery kendo-ui kendo-grid

我有一个网格,有一列,每次我使用文本框查找内容时,这一列网格显示了我应该能够点击每个项目的项目列表,意味着可以点击它们,我知道我可以把按钮放在那里,但我想要i项目可点击,任何建议?

$(“#TurbineType”)。click(function(){             var drp = document.getElementById('autocomplete')。value;

        $.ajax({
            dataType: "json",
            type: "POST",
            url: "@Url.Action("turbineTypeList","AdminTool")",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify({ "turbineName": drp, }),

            success: function (result) {
                $("#turbingrid_Device").kendoGrid({
                    dataSource: result,
                    //editable: "inline",
                    //editable: true,
                    //height: 'auto',
                    scrollable: true,

                    //toolbar: ["save", "cancel"],
                    //sortable: { mode: "single", allowUnsort: true },
                    columns: [
                                          { field: 'Text', title: 'DeviceType', width: '100px' },
                                           { command: { text: "View Details"}, title: " ", width: "50px" }
                    ]

                });

            }
        })
            });

1 个答案:

答案 0 :(得分:1)

您可以使用:

$("#grid").on("click", "td", function(e) {    
});

为了在网格初始化后订阅网格单元格上的单击事件。

Fiddle example

修改

在清除下面评论中的问题后,您可以使用列templatehref将列值显示为超链接,如下所示:

columns: [{ field: "URL", title: "URL", template: '<a href="\\#">#=Title#</a>'}]

这是另一个要展示的Dojo example