局部视图按钮点击 [英] Partial view on button click
本文介绍了局部视图按钮点击的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我控制器：
public ActionResult Index(string Activites)
{
var item2 = (from o in frh.Dates orderby o.Date1 select o.Date1).ToArray();
int lenght = item2.Count();
string[] data = new string[lenght];
DateTime[] data3 = new DateTime[lenght];
object[] data2 = new object[lenght];
double?[] last = new double?[lenght];
// liste des mois -- string
for (int i = 0; i < lenght; i++)
{
data[i] = item2[i].ToString("dd/MM/yyyy");
//if (data[i].Equals(Dates))
//{ break; }
//if (data[i] == Dates) break;
}
//list des mois -- datetime
for ( var l = 0; l < lenght; l++)
{
data3[l] = item2[l];
// if (data3[l].Equals(Dates)) break;
// if (data3[k].ToString("dd/MM/yyyy") == Dates) break;
}
//calcul de productivité
// changement ???
var items = (from x in frh.productivites
where x.Activité == Activites
select new { x.delta_, x.tempstot_, x.DateID });
var j = 0;
foreach (var a in data3)
{
var sumd = items.Where(c => c.DateID == a).Select(c => c.delta_).Sum();
var sumt = items.Where(c => c.DateID == a).Select(c => c.tempstot_).Sum();
var prod = sumd / sumt;
last[j] = prod;
j++;
sumd = 0;
sumt = 0;
prod = 0;
}
data2 = last.Cast<object>().ToArray();
DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart")
.SetXAxis(new XAxis
{
Categories = data
})
.SetYAxis(new YAxis
{
Title = new YAxisTitle { Text = "Productivité " },
PlotLines = new[]
{
new YAxisPlotLines
{
Value = 0,
Width = 1,
Color = ColorTranslator.FromHtml("#808080")
}
}
})
.SetTitle(new Title
{
Text = Activites,
X = -20
})
.SetSubtitle(new Subtitle
{
Text = "Décembre 2012 - Juin 2013",
X = -20
})
.SetSeries(new Series
{
Name = "ODR",
Data = new Data(data2)
});
return PartialView(chart);
}
和局部视图：
@model DotNet.Highcharts.Highcharts
@(Model)
@section Scripts {
@Scripts.Render("~/bundles/HighChart")
}
和看法：
@{
ViewBag.Title = "Index";
}
<html>
<body>
@using (Html.BeginForm("Index", "Graphe"))
{
<table style="width: 100%;" border="1">
<tbody>
<tr aria-atomic="False" class="alt">
<td>date début :</td>
<td><input value="01/12/2012" type="text" disabled/></td>
<td style="width: 20%; position:absolute ">  </td>
</tr>
<tr>
<td>date fin :</td>
<td><select id="Dates" name="Dates" ><option>Selectionnez --</option></select></td>
<td><input id="date" type="checkbox" /> </td>
</tr>
<tr class="alt">
<td>Activité : </td>
<td><select id="Activites" name="Activites" ><option>Selectionnez --</option></select></td>
<td><input id="activite" type="checkbox" /> </td>
</tr>
<tr>
<td>Responsable:</td>
<td><select id="Responsables" name="Responsables">
<option>Selectionnez --</option></select></td>
<td><input id="Responsable" type="checkbox" /> </td>
</tr>
<tr style="height : 30%">
<td style="width: 20%">  </td>
</tr>
<tr>
<td style="width: 20%; position:absolute "></td>
<td><input type="submit" value="Afficher" id="ButtonSubmit"/></td>
<td><input class="button" id="ButtonReset" type="button" value="Annuler" /></td>
</tr>
</tbody>
</table>
}
</body>
</html>
我要的是要显示在按钮单击局部视图;我也需要通过从视图控制器用于过滤的局部视图呈现的收集参数（选择值），我怎么能这样做呢？
What I want is to show partial View on button click ; I need also to pass parameters (selected values) from view to controller for filtering the collection rendered in the partial view, How could I do that ?
推荐答案
我在你的控制器看到的是方法的组合。我想创建一个局部视图方式
what I see in your controller is a mix of methods. I would create a partial view method
public PartialViewResult GetChart(int id)
{
Model model = (build your model);
return PartialView("_PartialViewName", Model);
}
在你看来
<div class="Content"></div>
然后在你的JavaScript
then in your javascript
$('.btnSubmit').on('click', function(){
$.ajax({
url: "@(Url.Action("GetChart", "Controller"))",
type: "POST",
cache: false,
async: true,
data: { data: 'fieldName' },
success: function (result) {
$(".Content").html(result);
}
});
});
您可以发送任何数据需要通过数据仅仅是数据：数据，数据1：数据1，等等。希望这有助于
you can send whatever data you need to through the data just data: 'data', data1: 'data1', etc. Hopefully this helps.
这篇关于局部视图按钮点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
