Telerik ASP .NET 控件答案

【问题标题】：Telerik ASP .NET controlsTelerik ASP .NET 控件
【发布时间】：2012-07-17 11:56:47
【问题描述】：

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

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

谢谢

【问题讨论】：

标签： asp.net-mvc-3 telerik

【解决方案1】：

Telerik 有一个 ASP.NET MVC 部分显示图表的使用：

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

但我认为您必须与他们核实这是否是您的许可证的一部分。

【讨论】：

谢谢柯特。但是 MVC 许可证是单独的，并且由于它们没有组织结构图，因此很难证明购买它的合理性。 :(

【解决方案2】：

简而言之，是的。

我们没有使用组织结构图，但我们在 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>

【讨论】：

【解决方案3】：

虽然没有真正回答您的问题，但您不能使用 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>

【讨论】：

谢谢凯恩。但我们正在寻找高级功能，例如在图表上拖放。我认为它们不是由谷歌图表提供的？
不支持开箱即用的拖放，尽管这将是一个不错的功能。