我正在开发一个ASP.NET MVC 3项目,该项目需要我通过用户输入上传a.xls / .xlsx,将其加载到DataTable中,然后将其显示在视图中。
听起来很简单...
我能够创建DataTable并将对象传递回视图,但是我无法通过Google的可视化API在视图上呈现数据表-我看到的所有示例都需要静态表示的字段,即:
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Hours per Day');
data.addRows([
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', {v:7, f:'7.000'}]
]);
但是,由于我的应用程序正在接受用户输入,因此列标题,维度和内容都是动态的。我正在寻找一种动态添加数据的方法。这是我当前拥有的代码,其中Model是传入的DataTable:
@model System.Data.DataTable
@using GridMvc.Html
@{
ViewBag.Title = "File Upload";
<h2>@ViewBag.Message</h2>
}
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', { packages: ['table'] });
google.setOnLoadCallback(drawTable);
function drawTable( Model ) {
var data = new google.visualization.DataTable();
var numRows = Model.Rows.Count;
var numCols = Model.Rows[0].Count;
for (var i = 0; i < numCols; i++)
data.addColumn('string', Model.Rows[0].ItemArray[i]);
for (var i = 1; i < numRows; i++)
data.addRow(Model.Rows[i].ItemArray);
//data.addRows([['2967773', '13-1014428', '', 'Not Recommended -Internship', '7- Not Recommended',
// 'University 1', '', '', '', '', '', '', '' ]]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, { showRowNumber: true });
}
</script>
</head>
<body>
<div id='table_div'></div>
</body>
<p>Done</p>
</html>
有谁知道如何做到这一点?
提前致谢!
最佳答案
如上述评论所述,C#中的DataTables
与Google API中的DataTables
不同。我最终找到了可以处理此问题的第三方库(Example),并将以下内容传递给了viewbag:
ViewBag.Data = new Bortosky.Google.Visualization.GoogleDataTable(ConvertTable( DATA )).GetJson();
关于c# - 在Google Visualization API(JavaScript)中动态添加行,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23963097/