使用AJAX加载内容的Kendo工具提示不显示内容

时间:2014-11-05 03:29:01

标签: c# asp.net-mvc kendo-ui kendo-tooltip

我尝试在此Telerik网站上实施工具提示:

http://demos.telerik.com/aspnet-mvc/tooltip/ajax

这是我在cshtml页面上的脚本代码:

@(Html.Kendo().Tooltip()
.For("#grOrders")
.Filter("td a")
.LoadContentFrom("ToolTipCustomer", "Home")
.Position(TooltipPosition.Right)
.Width(200)
.Height(150)
.Events(events => events.RequestStart("requestStart"))

事件requestStart:

function requestStart(e) {
    e.options.data = {
        id: e.target.data("id")
    }
}

和控制器:

public ActionResult ToolTipCustomer(int id)
    {
        Customers objCustomer = new Customers();
        DaCustomers db = new DaCustomers();
        objCustomer = db.GetCustomerById(id);
        StringBuilder str=new StringBuilder();
        str.Append("<div style='text-align:left;'>");
        str.Append("<p>" + objCustomer.Name + "</p>");
        str.Append("</hr>");
        str.Append("<p>Address: " + objCustomer.Address + "</p>");
        str.Append("<p>Telephone: " + objCustomer.Phone + "</p>");
        str.Append("<p>Email: " + objCustomer.Email + "</p>");
        str.Append("</div>");
        ViewBag.Title=str;
        return PartialView();
    }

结果是:

当我悬停标签时,工具提示没有显示任何内容,当我调试时,方法TooltipCustomer获取参数“id”并完全返回StringBuilder,不知道我哪里出错了,请帮帮我。

1 个答案:

答案 0 :(得分:0)

问题解决了。对不起,我犯了一个常见的错误。

工具提示中文本的默认颜色为白色,我将工具提示的背景设置为相同。