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/) Powered by Discuz! X3.4