2012-07-17 2 views
1

내 ASP MVC 응용 프로그램에서 조직도를 만들고 싶습니다. 우리는 조직 차트 컨트롤을 가지고있는 telerik AJAX 컨트롤에 대한 라이센스를 가지고 있습니다.Telerik ASP .NET 컨트롤

우리는 MVC 응용 프로그램에서 Telerik ASP.NET 컨트롤을 사용할 수 있는지 알고 있습니까?

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

그러나 나는 당신이이 속하는지 여부에로 확인해야합니다 생각 :

감사

답변

1

요컨대 그렇습니다.

우리는 조직도를 사용하지 않았지만 MVC 프로젝트의보기 내에서 Telerik asp.net ajax 컨트롤 (최신 릴리스의 달력, 그리드 및 트리 뷰)을 사용했습니다.

보기 내에서 Telerik.Web.UI에 대한 참조 만 있으면됩니다.

<%@ 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 부분이 면허증.

+0

감사 커트 :

기본 코드를 사용하고있는 달력을 표시합니다. 그러나 MVC 라이센스는 별개이며 조직도가 없기 때문에 MVC 라이센스를 구입하는 것을 정당화하기가 어렵습니다. : – gunnerz

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

감사합니다 Kane. 그러나 Google 차트에서 드래그 앤 드롭과 같은 고급 기능을 찾고 있습니다. – gunnerz

+0

기본적으로 드래그 앤 드롭이 지원되지 않습니다. 부끄러움 그러나 그것은 좋은 특징 일 것이다. – Kane