FineUI 官方论坛

标题: 请教一个分部视图的问题 [打印本页]

作者: niil 时间: 2017-11-27 18:10
标题: 请教一个分部视图的问题
我使用下面的方法可以调用分部视图。但在F.panel()控件中如何调用@{Html.RenderAction("ChartSummary", "Xxcx");}这个方法？？

@section body {
<form method="post" action="/Xxcx/SwjcxxChart">
      <label>类型</label> @Html.DropDownList("GenreId", String.Empty)
      <input type="submit" value="查询">
      <div>@{Html.RenderAction("ChartSummary", "Xxcx");}</div>
</form>
}

作者: sanshi 时间: 2017-11-28 08:16
你的 ChartSummary 是什么样的？F.Panel又是想怎样使用这个部分视图呢？

作者: niil 时间: 2017-11-28 10:11
下面是分部视图返的一个view。我想这个数据在F.Panel()中展示，不知道在F.Panel中如何调用。

调用分部视图的界面：
@section body {
@(F.Panel()
      .ID("Panel1")
      .Items(
         F.Form()
            .ID("Form3")
            .Rows(
//查询条件
            ),
         F.Grid()
            .ID("Grid1")
//Grid列表信息
         ),
         F.Panel()
//想要在这个F.Panel中加载显示CartSummary.cshtml中的内容。
      )
)
}

/// <summary>
/// /Xxcx/CartSummary
/// 返回分部视图
/// </summary>
/// <returns></returns>
[ChildActionOnly]
public ActionResult CartSummary()
{
return PartialView("CartSummary");
}

CartSummary.cshtml分部视图页面的中想要展示下面这个eChart图表

<script type="text/javascript" src="~/Scripts/echarts.js"></script>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main12'));

// 指定图表的配置项和数据
var option = {
title: {
      text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
      data:['销量']
},
xAxis: {
      data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
      name: '销量',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)