Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在视图第一次加载时加载部分视图?

如何在视图第一次加载时加载部分视图?
EN

Stack Overflow用户
提问于 2016-05-17 21:05:10
回答 2查看 1.9K关注 0票数 1

在提交选择选项时,我终于学会了如何使用Ajax.BeginForm在BeginForm块中进行表刷新。

当我单击“提交”部分视图时,每次都会按预期加载,这样功能就会被拨入。

我无法找到的是,当视图第一次加载时,如何告诉Controller在使用Index中的默认值加载部分视图。(“部分视图”支持索引操作)。

这是我可以从Controller那里做的事情,还是需要是jQuery?

为了提供更多的上下文,下面的代码是当前工作的内容--也就是说,部分视图仅在表单提交时加载,而在第一次视图加载时不显示。

视图:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@model ViewModelTest.ViewModels.StudentBehaviorDetailBySemesterViewModel

// ... code ...

@using (Ajax.BeginForm(actionName: "PartialTable",
    controllerName: "StudentBehaviorDetailBySemester",
    ajaxOptions: new AjaxOptions { UpdateTargetId = "TableData" }))
{
    <div>
        <p>Campus: @Html.DropDownListFor(c => c.SelectedCampus, Model.CampusList)</p>
        <p>FY: @Html.DropDownListFor(c => c.SelectedFy, Model.FyList)</p>
        <input type="submit" value="submit" />
    </div>
}

<div id="TableData">
    @{Html.Action("PartialTable", "StudentBehaviorDetailBySemester"
          , new { vm = Model });}
</div>


@section scripts
{
    <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
}

控制器-索引和部分视图

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[HttpGet]
public ActionResult Index(string SelectedCampus="MRA", string SelectedFy="FY16")
{
    StudentBehaviorDetailBySemesterViewModel vm 
      = new StudentBehaviorDetailBySemesterViewModel();    
    vm.SelectedCampus = SelectedCampus;
    vm.SelectedFy = SelectedFy;

    vm.CampusList = new SelectList(Repositories.SelectLists.CampusList());
    vm.FyList = new SelectList(Repositories.SelectLists.FiscalYearList());
    return View(vm);
}


public ActionResult PartialTable(StudentBehaviorDetailBySemesterViewModel vm)
{
    using (TestAccountContext db = new TestAccountContext())
    {
        var query = db.StudentBehaviorDetailBySemesters
            .Where(m => m.Campus == vm.SelectedCampus)
            .Where(m => m.Fy == vm.SelectedFy).ToList();
        vm.BehaviorDetail = query;
    }

    return PartialView("PartialTable", vm);
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-05-17 21:20:29

而不是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@{Html.Action("PartialTable", "StudentBehaviorDetailBySemester", new { vm = Model });}

你需要使用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@{Html.RenderAction("PartialTable", "StudentBehaviorDetailBySemester", new { vm = Model });}
票数 1
EN

Stack Overflow用户

发布于 2016-05-17 21:29:26

如果要呈现部分视图,则必须更新部分视图语法.

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@{Html.RenderAction("PartialTable", "ControllerName", new { vm = Model });}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37290705

复制
相关文章
小程序中实现视图懒加载
在写小程序时,有个页面由于要展示很多内容,光弹窗都6个,还有大量的列表,所以wxml节点数很多,超过了小程序建议的1000个节点以下。
别盯着我的名字看
2022/06/09
8370
小程序中实现视图懒加载
高效快速地加载 AngularJS 视图|TW洞见
今日洞见 文章作者、部分图片来自ThoughtWorks:陈计节。 本文所有内容,包括文字、图片和音视频资料,版权均属ThoughtWorks公司所有,任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表。已经本网协议授权的媒体、网站,在使用时必须注明"内容来源:ThoughtWorks洞见",并指定原文链接,违者本网将依法追究责任。 当AngularJS应用程序变大时,很多问题就开始显现出来了,比如多层级视图的加载问题。如果在子视图显示之前没有预加载,则可能在需要展示时发生视
ThoughtWorks
2018/04/17
1.2K0
高效快速地加载 AngularJS 视图|TW洞见
关于视图加载的一些奇技淫巧~
这是一篇 2018 年的老文章,全文行云流水,由浅入深的介绍了 Factory2 的一些奇技淫巧,值得一读。
路遥TM
2022/03/29
8860
笔记48 | Android性能优化之按需加载视图(三)
地址 csdn: http://blog.csdn.net/xiangyong_1521/article/details/78727363 ---- 目录 前言 定义 ViewStub 载入 ViewStub Layout ---- 前言 有时你的 Layout 会用到不怎么重用的复杂视图。不管它是列表项 细节,进度显示器,或是撤销时的提示信息,你可以仅在需要的时候载入它们,提高 UI 渲染速度。 ---- 定义 ViewStub ViewStub 是一个轻量的视图,不需要大小信息,也不会在被加入的 Lay
项勇
2018/06/19
6030
vue通过监听实现相同路径的视图重新加载
菜单能正常显示,但发现从待办流程切换到已办流程时,页面没有重新刷新,但URL已经变化了. 经查,是因为各个菜单路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载. 解决办法如下:
星痕
2018/11/27
1K0
判断第一次加载
<html> <head> <title>Hello World</title> <meta charset="utf-8"> <script languang="javascript"> function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length
牛老师讲GIS
2018/10/23
5350
mysql视图,ThinkPHP视图
MySQL的视图语句,就拿一个实例讲。我想把 role表和privilege表拼接。下面是我两张数据表的视图。 SELECT a.* ,GROUP_CONCAT(b.pri_name) FROM 前
简单、
2018/07/18
3.7K0
ASP.NET Core 5.0 MVC中的视图分类及使用——布局视图、启动视图、导入视图、详细视图、分部视图
我们可以在这个页面,添加一些全局性的内容,比如全局变量等,然后在具体View页面使用这些变量值
明志德道
2023/10/21
4180
ASP.NET Core 5.0 MVC中的视图分类及使用——布局视图、启动视图、导入视图、详细视图、分部视图
视图
是一样的 二:删除和修改视图 alter view  yourviewname   as... drop view  yourviewname   as...
liulun
2022/05/08
6640
视图
所谓的视图是一种虚拟表,本身是不具有数据的,视图是在已有表上创建的,那些表我们称为基表。 对基表做改变视图也会相应的发生变化,对视图的操作也会影响基表
code-child
2023/05/30
3370
类视图 vs. 函数视图
基于类的视图(CBV)和基于函数的视图(FBV)到底有什么区别? 有什么优缺点? 本篇将会去探讨。 在阅读本篇之前,请记住一点「基于类的视图不会替代基于函数的视图」.
用户1416054
2018/12/26
2.5K0
Electron开发时热加载
gulp官方文档:https://www.gulpjs.com.cn/docs/getting-started/quick-start/
码客说
2021/09/22
3.5K0
图片懒加载组件封装,加载时loading效果,加载失败暂时默认图片
组件代码 <template> <view class="easy-loadimage" :id="uid"> <image class="origin-img" :src="imageSrc" :mode="mode" @click="ui.showImg(imageSrc)" v-if="loadImg&&!isLoadError" v-show="showImg" :class="{'no-transition':!openTransition,'sh
用户10106350
2022/10/28
1.4K0
视图
视图是 Web的可见内容,一般是 HTML结合 PHP 获取的数据提供给用户使用的部分,属于 MVC 中的 V。
PM吃瓜
2019/08/13
8710
点击加载更多

相似问题

加载部分视图

13

jQuery加载新视图,然后加载部分视图

112

如何在视图中加载部分视图?

73

选择控件时加载部分视图

10

文档就绪时加载部分视图

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文