我试图在这个 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"))
)
事件请求开始:
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();
}
结果是:
当我悬停标签a时,工具提示不显示任何内容,当我调试时,方法TooltipCustomer获取参数“id”并准确返回StringBuilder,不知道我哪里出错了,请帮助我。