如何解决在主页中显示/隐藏 PartialView
我使用的是 ASP.NET MVC 框架。这里我从 main.cshtml 加载 PartialView。 PartialView 包含一个模式,它应该在用户单击链接时显示。以下功能正常工作,但当我在 main.cshtml 页面的开头加载 PartialView 时,它总是显示在顶部。我希望 PartialView 的一部分包含 headerCommentModal
应该显示,它应该只在用户单击链接后显示。我怎样才能做到这一点?
这就是我从 main.cshtml 调用 PartialView 的方式
@Html.Action("SubmissionHeader","Submission",new { id = 516,tab = 0 })
这是我的链接和 displayCommentDialog
函数,它从 PartialView 加载 headerCommentModal
并在用户单击以下链接时显示。
链接:<a href='displayCommentDialog' onclick="displayCommentDialog(); return false;"> Add Comment</a><br>
function displayCommentDialog() {
$('#headerCommentModal').modal({
show: true,backdrop: 'static',keyboard: false
});
}
这是我的行动
[ChildActionOnly]
public ActionResult SubmissionHeader(int? id,SubmissionTabEnum tab = SubmissionTabEnum.None)
{
var rules = DIResolver.GetConcreteInstanceOf<ISubmissionRules>();
var model = _submissionSvc.GetSubmissionHeaderviewmodel(id.GetValueOrDefault()) ?? new SubmissionHeaderviewmodel();
................
TempData["SubmissionHeaderID"] = id;
return PartialView("_SubmissionHeader",model);
}
最后是我的部分观点。
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
@{
int SubmissionHeaderID = (int)TempData["SubmissionHeaderID"];
bool isClosed = Model.SubmissionStatusTypeID == SubmissionStatusEnum.Close.GetEnumValue();
}
@Html.Hidden("SubmissionHeaderID",SubmissionHeaderID,new { data_ng_model = "model.SubmissionHeaderID" })
@Html.JsonDataSourceVariable("securitygroupsusers","SecurityGroupsUsersAccessRight","Utility",Model.EntityOrganizationID.GetValueOrDefault())
<!-- _SubmissionHeaderActions start -->
<div class="stayenabledonclose" id="_SubmissionHeaderActions">
@* not a CSS class - signal to JS code that this should still be enabled when submission closed *@
@*Note: row is shared with _SubmissionHeader,so col-md value has to fit with it*@
<div class="col-md-4" ng-controller="submissionHeaderActionsController">
<div class="btn-group pull-right" style="margin-top:10px;padding-top:10px;">
<button type="button" class="btn btn-secondary dropdown-toggle" style="color:white;background-color:rgb(16,123,147);font-size:16px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action Items
<b class="caret" style="display: inline-block"></b>
<div>
<div></div>
</div>
</button>
<div class="dropdown-menu">
@if (UC.SecurityModel.EntityOrganizationAccessRight(Model.EntityOrganizationID.GetValueOrDefault()) == AccessRightEnum.ModifySubmissions)
{
if (Model.CanCreateNew)
{
<li><a value="New Submission" class="stayenabledonclose valid" ng-click="showCreationModal($event)" aria-invalid="false">New Submission</a></li>
}
if (Model.CanTransfer)
{
<li> <a value="Transfer" class="dropdown-item stayenabledonclose" ng-click="transfer($event,358)">Transfer</a> </li>
}
if (Model.CanClone)
{
<li><a value="Clone" class="dropdown-item stayenabledonclose" ng-click="clone($event)">Clone</a></li>
}
@*if (Model.CanEditComments)
{
<li><a value="Comments" class="dropdown-item stayenabledonclose" id="comment-btn" ng-click="showCommentModal($event)" >Comments</a></li>
}*@
@*if (Model.CanReassign && !isClosed)
{
<li><a value="Reassign" class="dropdown-item stayenabledonclose" id="reassign-btn" ng-click="showReassignModal($event)" >Reassign</a></li>
}*@
if (Model.CanExport)
{
<li><a ng-click="export($event)" href="@Url.Action("SubmissionHeaderActionItem",new {id = SubmissionHeaderID,item = (int) SubmissionActionItemEnum.Export})" title='Exports submission & attachments to a zip file.'>Export</a></li>
}
if (Model.CanPrint)
{
<li><a href="@Url.Action("SubmissionHeaderActionItem",item = (int) SubmissionActionItemEnum.Print})" title='Exports submission to a PDF file.'>Print</a></li>}
if ((Model.ArchiveStatusTypeID == 2 || Model.ArchiveStatusTypeID == 3) && Model.CanGetArchive)
{
<li><a href="@Url.Action("SubmissionHeaderActionItem",item = (int) SubmissionActionItemEnum.GetArchive})" title='Retrieves submission archive file.'>Get Archive</a></li>}
if (Model.ArchiveStatusTypeID == 3 && Model.CanDeleteArchive && UC.SecurityModel.EntityOrganizationAccessRight(Model.EntityOrganizationID.GetValueOrDefault()) == AccessRightEnum.ModifySubmissions)
{
<li><a href="@Url.Action("SubmissionHeaderActionItem",item = (int) SubmissionActionItemEnum.DeleteArchive})" title='Deletes submission archive file.'>Delete Archive</a></li>}
}
</div>
</div>
<div style="padding-top:20px;">
@if (Model.CanEditComments)
{
<div class="circle-white" data-toggle="tooltip" data-placement="bottom" title="Comments" style="float:right;margin-right:20px;">
<div class="circle-text"><a value="Comments" class="stayenabledonclose" id="comment-btn" ng-click="showCommentModal($event)">C</a></div>
</div>
}
@if (Model.CanReassign && !isClosed)
{
<div class="circle-white" data-toggle="tooltip" data-placement="bottom" title="Reassign" style="float:right;margin-right:20px;">
<div class="circle-text"><a value="Reassign" class="stayenabledonclose" id="reassign-btn" ng-click="showReassignModal($event)">R</a></div>
</div>
}
</div>
</div>
<div class="form-horizontal" ng-controller="submissionHeaderActionsController">
<div id="headerCommentModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="submissionComment-title" style="padding-right:19px;">
<div class="modal-dialog" role="document">
<div id="adcmodal" class="modal-content">
<div id="adcmodal" class="modal-header col-nopadding ">
<h3 class="modal-title" id="submissionComment-title">Submission Comment</h3>
<button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fas fa-times"></i></span>
</button>
</div>
<div class="modal-body submissioncomment-modal-body">
<div class="row form-group spacer">
<div class="col-md-12">
<div class="col-md-12">
@Html.Label("Recipients")
<select id="commentrecipients" class="dirtyignore" kendo-multi-select k-options="securitygroupsuseRSSelectOptions()" k-ng-model="initSecurityGroupsUsers()"></select>
</div>
</div>
</div>
@Html.Hidden("SubmissionHeaderID",SubmissionHeaderID)
<div class="row form-group spacer">
<div class="col-md-12">
<div class="col-md-12">
@Html.Label("Comment (will be sent to the recipients via email)")
@Html.TextArea("Comment","",new { @class = "form-control dirtyignore",rows = "2",maxlength = "1000",data_ng_model = "model.comment" })
</div>
</div>
</div>
</div>
<div id="adcmodal" class="modal-footer ">
<input type="button" id="Close" value="Close" class="adcmodal-button" data-dismiss="modal" aria-label="Close" />
<input type="button" id="Send" value="Send" class="adcmodal-button" ng-click="send(@Model.EntityOrganizationID)" />
</div>
</div>
</div>
</div>
</div>
@if (Model.SubmissionID != 0)
{
@Html.SubmissionReassignmentActions(Model.SubmissionID) @* Submission.SubmissionReassignment _SubmissionReassignment*@
}
@Html.SubmissionCreationActions() @* Submission.CreateNewSubmission _SubmissionCreation *@
@Html.SubmissionTransferActions(Model.SubmissionID) @* Submission.TransferSubmission _SubmissionTransfer *@
</div>
<!-- _SubmissionHeaderActions end -->
@using (Html.requiredScripts())
{
@Html.RequirePageScript("Shared","SubmissionHeaderActions")
}
这是我的 main.cshtml,其中实际显示带有部分视图模式的对话框。这里我有 @Html.Action 和 displayCommentDialog 函数体。
@*@if (ViewBag.ShowSsoOptinMessage)
{
<script type="text/javascript">
(function ($) {
var fun = document.querySelector('universal-navigator');
if (fun) {
fun.maybedisplayOptInView(true);
}
})(jQuery);
</script>
}*@
<script type="text/x-kendo-template" id="test_template">
<div id="details-container">
<p>Testing...</p>
</div>
</script>
<div id="details"></div>
<div ng-controller="submissionDashboardController">
@Html.JsonDataSourceVariable("customfieldmaps","CustomFieldMaps","Utility")
<script>
var includeClosed = @Model;
var preventAllGridDataLoad = true;
var preventMyGridDataLoad = true;
</script>
<!---- ListSubmissionDashboard start -->
<!-- bread crumb content -->
@Html.Action("SubmissionHeader",tab = 0 })
<div class="spacer-bodybg"></div>
<!-- _SubmissionCreation start -->
@Html.SubmissionCreationActions() @* SubmissionController.CreateNewSubmission returns view _SubmissionCreation which is modal *@
<!-- _SubmissionCreation end -->
<!---- ListSubmissionDashboard end -->
<div id="dialog"></div>
<script>
$(document).ready(function () {
$("#dialog").kendoWindow({
modal: true,visible: false,modal: true,resizable: false,width: 450,height: 420,});
var detailstemplate = kendo.template($("#template").html());
});
function showDetails(e) {
var grid = $("#mysubmissionsGrid").data("kendoGrid");
$(grid.tbody).on("click","td",function (e) {
var row = $(this).closest("tr");
var rowIdx = $("tr",grid.tbody).index(row);
var colIdx = $("td",row).index(this);
//alert(rowIdx + '-' + rowIdx);
var result;
if (rowIdx != null) {
daTarow = grid.dataItem(grid.tbody.find("tr").eq(rowIdx));
var entityOrganization = daTarow.EntityOrganization;
var SubmissionCode = daTarow.SubmissionCode;
var kendoWindow = $("#dialog").data("kendoWindow");
var content = "<h7><b>" + "Last Comment Created by </b> " + user.toString() + "</h7><br>" +
"<h7>" + "" + "<a href='displayCommentDialog' onclick=\"displayCommentDialog(); return false;\">" + "Add Comment" + "</a><br></h7>" +
"</div><br>";
kendoWindow.content(content.toString());
kendoWindow.open().toFront();
}
});
}
});
var kendoWindow = $("#dialog").data("kendoWindow");
kendoWindow.open().center().toFront();
}
function displayCommentDialog() {
var kendoWindow = $("#dialog").data("kendoWindow");
kendoWindow.close();
alert('Before calling headerCommentModal');
$('#headerCommentModal').modal({
show: true,keyboard: false
});
}
</script>
@using (Html.requiredScripts())
{
@Html.RequirePageScript("Shared","ShortcutLinks")
@Html.RequirePageScript("Submission","ListSubmissionDashboard")
@Html.RequirePageScript("Shared","GridPersonalization")
@Html.RequirePageScript("Shared","SubmissionCreation")
}
解决方法
您可以轻松做到这一点。 如果我正确理解主题。如下:
在你的控制器上创建一个你可以调用partial的动作。
import java.util.*;
public class Main {
public static void main(String[] args){
Scanner reader = new Scanner(System.in);
int t = reader.nextInt();
ArrayList<Integer> anss = new ArrayList<>();
for(int tst = 0; tst < t; tst++){
int n = new Scanner(System.in).nextInt();
String s = new Scanner(System.in).nextLine();
int ans = 0;
int open = 0;
for(int i = 0; i < n; i++){
if(s.charAt(i) == ')'){
if(open == 0) ans++;
else open--;
} else {
open++;
}
}
anss.add(ans);
}
for(int i : anss) System.out.println(i);
}
}
下一步将 jQuery 添加到您的项目并使用它调用操作
public ActionResult SubmissionHeader(int id = 516,int tab = 0)
{
return PartialView();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。