2012-07-17 61 views
1

我想在我的ASP MVC应用程序中创建组织结构图。我们已经获得了telerik AJAX控件的许可证 - 具有组织结构图控制。Telerik ASP .NET控件

有谁知道我们是否可以在MVC应用程序中使用Telerik ASP.NET控件?

感谢

回答

1

简而言之,是的。

我们还没有使用组织图表,但我们在MVC项目的视图中使用了一些Telerik asp.net ajax控件(日历,网格和Treeviews用于最新版本)。

您只需要在视图中引用Telerik.Web.UI。

Basic代码显示在使用日历:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 

<asp:Content ID="aboutTitle" ContentPlaceHolderID="TitleContent" runat="server"> 
    About Us 
</asp:Content> 

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server"> 
    <h2>About</h2> 
    <p> 
     Put content here. 
    </p> 
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 

    <telerik:RadCalendar ID="RadCalendar1" runat="server" TitleFormat="MMMM yyyy" CultureInfo="English (United States)" 
     PresentationType="Preview" EnableNavigation="false" EnableMonthYearFastNavigation="false"> 
    </telerik:RadCalendar> 
</asp:Content> 
2

Telerik的有一个ASP.NET MVC节这说明使用的图表:

http://www.telerik.com/products/aspnet-mvc.aspx

不过,我认为你必须与他们进行检查,这是否是部分您的许可证。

+0

感谢柯特。但MVC许可证是独立的,并且由于它们没有组织结构图,因此很难证明购买它是正确的。 :( – gunnerz 2012-07-17 12:23:09

1

虽然没有真正回答您的问题,但您无法使用Telerik控件,而是使用Google提供的JavaScript库(免费)。

以下是取自Google's site的示例代码。

<html> 
    <head> 
    <script type='text/javascript' src='https://www.google.com/jsapi'></script> 
    <script type='text/javascript'> 
     google.load('visualization', '1', {packages:['orgchart']}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Name'); 
     data.addColumn('string', 'Manager'); 
     data.addColumn('string', 'ToolTip'); 
     data.addRows([ 
      [{v:'Mike', f:'Mike<div style="color:red; font-style:italic">President</div>'}, '', 'The President'], 
      [{v:'Jim', f:'Jim<div style="color:red; font-style:italic">Vice President</div>'}, 'Mike', 'VP'], 
      ['Alice', 'Mike', ''], 
      ['Bob', 'Jim', 'Bob Sponge'], 
      ['Carol', 'Bob', ''] 
     ]); 
     var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); 
     chart.draw(data, {allowHtml:true}); 
     } 
    </script> 
    </head> 

    <body> 
    <div id='chart_div'></div> 
    </body> 
</html> 
+0

感谢凯恩,但我们正在寻找先进的功能,如拖放图表,我认为它们不是谷歌图表提供的开箱即用的功能吗? – gunnerz 2012-07-17 12:24:35

+0

开箱即用不支持拖放,耻辱,因为这将是一个很好的功能。 – Kane 2012-07-17 12:26:47