我尝试在此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,不知道我哪里出错了,请帮帮我。
答案 0 :(得分:0)
问题解决了。对不起,我犯了一个常见的错误。
工具提示中文本的默认颜色为白色,我将工具提示的背景设置为相同。