2014-10-16 92 views
0

点击链接时,我需要帮助创建下面的UI(单击“Ui mock up”链接)作为弹出窗口。并且每个文本(文本1,文本2和文本3)将是超链接创建Kendo UI弹出窗口需要帮助

我们使用Kendo UI和ASP.Net MVC框架。

UI mock up

请lhelp

回答

0

试试这个:

查看:

@(Html.Kendo().Window() 
    .Name("popup") 
    .Title("Whatever") 
    .Content(@<text> 
     anything you want here: the HTML for your 3 text links, for example 
    </text>) 
    .Modal(true) 
    .Visible(false) 
    .Width(200) 
) 

脚本:

$("#popup").data("kendoWindow").center().open(); 

单击要触发弹出窗口的链接时调用脚本。

+0

我更加关注每个盒子的轮廓。输出线是“>”形状。不知道如何实现。 – Ragav 2014-10-16 18:48:40

+0

这是一个完全不同的问题。一件事是显示一个弹出窗口,另一个是在其中设计HTML。那么,你到目前为止做了什么? – chiapa 2014-10-17 08:12:11

+0

试试[this fiddle](http://jsfiddle.net/rm9cc4e2/) - 这里有一些类似于你想要的东西 – chiapa 2014-10-17 08:30:59