2012-07-17 62 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