我想在我的 ASP MVC 应用程序中创建一个组织结构图。我们已经获得 Telerik AJAX 控件的许可证 - 它具有组织结构图控件。
有谁知道我们是否可以在 MVC 应用程序中使用 Telerik ASP.NET 控件?
谢谢
我想在我的 ASP MVC 应用程序中创建一个组织结构图。我们已经获得 Telerik AJAX 控件的许可证 - 它具有组织结构图控件。
有谁知道我们是否可以在 MVC 应用程序中使用 Telerik ASP.NET 控件?
谢谢
Telerik 有一个 ASP.NET MVC 部分,它显示了图表的使用:
http://www.telerik.com/products/aspnet-mvc.aspx
但是,我认为您必须与他们核实这是否是您的许可证的一部分。
虽然没有真正回答您的问题,但您不能使用 Telerik 控件,而是使用 Google 提供的 JavaScript 库(免费)。
这是取自Google 网站的示例代码。
<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>
简而言之,是的。
我们没有使用组织图表,但我们在 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>