Kendo Grid中的Kendo ToolTip按URL显示页面

时间:2017-06-12 19:08:34

标签: jquery kendo-ui kendo-grid kendo-tooltip

我有一个网格,第一列有一个模板

   columns:
        [
            {
                field: "KedocTitle", template: "<a href='#=FileRef#' 

所以#= FileRef#正确地带来了URL,用户可以转到那个页面。 现在我需要在一个大工具提示中显示该页面。 所以我补充说:

  ChronGrid.table.kendoTooltip({    
        filter: "td:nth-child(1)", //this filter selects the first column
        position: "right",
        width: 900,
        height: 700,
        content: { url: "#=FileRef#"
        }
    }).data("kendoTooltip");

结果是工具提示中显示的页面相同,而不是#= FileRef#的URL。

任何想法怎么做?

1 个答案:

答案 0 :(得分:0)

在这种情况下,content: { url: "#=FileRef#" }表达式不会在网格单元格模板的上下文中动态评估,这就是"#=FileRef#"被视为同一网页网址的原因。

您有三种选择:

  1. 为网格的dataBound事件中的每个表格单元格初始化一个单独的Tooltip实例。
  2. 初始化一个Tooltip实例,并使用函数作为工具提示的content setting。该函数应返回包含内容的字符串。
  3. 使用requestStart和Ajax,类似于Loading content with AJAX