标签: partial-views

我一直被困在一个小问题上,这可能只是我看不到的小问题.我有一个PartialView,我想能够检查一个复选框,它应该取消选中所有其他复选框.我只想在提交页面之前检查一个复选框.

无论如何,这是我的代码示例:

这是我的PartialView

@model List<int>
@foreach (var element in Model)
{
    <div id="AddedProductImages">
        <img src="@Url.Action("RetrieveFile", "File", new { id = element })"     alt="@element" width="125px;" />
    <input type="checkbox" name="PrimaryImage" onchange="PrimaryImageChkBox('@element')" id="PrimaryCheckbox'@element'"/>
</div>
}

这是我的Jquery功能

我不能先取消选中,然后在第二行告诉点击复选框进行检查吗？

function PrimaryImageChkBox(id) {
    alert(id);
    $('input[name=PrimaryImage]').removeAttr("checked");
    $('#PrimaryCheckbox' + id).attr('checked', "checked");
}

先感谢您 :)

我正在尝试使用JSON在部分视图中显示Google地图.我已经在普通视图中尝试了代码,它工作得很好.

我有以下内容: -

部分视图ShowMap.cshtml

@using Microsoft.Web.Helpers

<script src="~/Scripts/jquery-1.8.3.min.js"></script>
<div class="experienceRestrictedText">
    @Maps.GetGoogleHtml("1, Redmond Way, Redmond, WA", width: "400", height: "400")
</div>

Index.cshtml(启动部分视图的位置)

    $('.modal_link_map').on('click', function (e) {
        $('.modal_part').show();
        var id = $(this).attr('data-id');
        var context = $('#tn_select').load('/Experience/ShowMap?id=' + id, function () {
            initSelect(context);
        });
        e.preventDefault();
        return false;
    });

控制器动作如下: -

        public ActionResult ShowMap()
        {
        _ItemID = Convert.ToInt32(Request.QueryString["id"]);

        viewModel.ExperienceViewModel.Experience =     unitOfWork.ExperienceRepository.GetByID(_ItemID);

        return PartialView(viewModel);
        }

我需要包含其他任何内容才能使用此地图吗？

你好你好吗？我正在尝试验证ASP NET MVC中的表单.

我有部分视图"地址",我重用于某些实体,如公司,人员等.

我的问题是,当我提交表单时,只有父视图的控件才会被验证,而局部视图中的控件则不会.

这里有一些代码我希望你可以帮助我

人物观点

@model Entities.Person


@using (Html.BeginForm("Create", "Person", FormMethod.Post))
{

    <table>
        <tr>
            <td>
                @Html.LabelFor(model => model.FirstName)
                <div class="control">
                    @Html.TextBoxFor(model => model.FirstName, new { @maxlength = 7, @class = "numeric"})
                    @Html.ValidationMessageFor(model => model.FirstName)
                </div>
                <div class="spacer-short"></div>
            </td>
            <td>
                @Html.LabelFor(model => model.LastName)
                <div class="control">
                    @Html.TextBoxFor(model => model.LastName, new { @maxlength = 7, @class = "numeric"})
                    @Html.ValidationMessageFor(model => model.LastName)
                </div>
                <div class="spacer-short"></div>
            </td>
        </tr>
    </table>
    @{ Html.RenderAction("Index", "Address", new {id = Model.AddressId});} //Renders the Address form part

    <div class="spacer"></div> …

我打开fancybox2.1.4 的部分视图,但是我无法得到结束的十字架.有谁知道我做错了什么？

包含内容的框确实显示:

 function LaunchFancyBox(code) {
    jQuery.fancybox({
        'modal': true,
        'closeBtn': true,
        'content': code
    });
}

$('.sendSms').click(function () {
    $.ajax({
        url: '@Url.Action("Index", "Sms")',
        success: function (partial) {
            LaunchFancyBox(partial);
        },
    });
    return false;
});

我有一个div,在悬停时显示编辑按钮.
但我不知道如何在此div中显示代表编辑表单的局部视图而不是显示视图.
我没有插入我的sailsjs应用程序中的主干或客户端js框架,我无法理解它是如何工作的,没有足够的关于骨干或角度+风帆的文档.

你能帮我渲染这个局部视图吗？

谢谢提前,

西里尔

我知道将JavaScript放在partials中是一个坏主意,因为每次加载新的部分时页面都必须加载一个新脚本.我知道并且已经阅读了这个问题,但它的答案对我不起作用(将脚本放入app/javascripts/application.js).我认为这是因为我正在处理动态生成到页面上的部分内容.我认为动态生成的部分不会对初始页面上加载的脚本做出反应.

例如,我有一个带有选择输入的"Rule"div,当选择输入发生变化时,该输入有一个脚本可以执行某些操作.这适用于在页面加载时生成的每个Rule div.但是还有一个"+"或"ADD"按钮,它会动态生成更多不响应脚本的Rule div,除非该脚本在partial中.

在动态生成partial时,是否有一种很好的方法可以将脚本保留在partial之外？

我正在尝试使用 PartialView 使用下面的代码在多个视图之间共享表单：

这是我想在实现部分视图的所有视图之间共享的模型

namespace CSharp.Models.ViewModels
{
   public class HomeViewModel
   {
      public string County { get; set; }
      public ElectionType? Type { get; set; }
    }
}

部分视图文件如下所示：

@model CSharp.Models.ViewModels.HomeViewModel
@Html.TextBoxFor(model => model.County, new { @class = "form-control" })      
@Html.EnumDropDownListFor(model => model.Type, null, new { @class = "form-control"})

在需要实现部分视图的文件之一中，我有以下代码：

Home View

@model CSharp.Models.ViewModels.HomeViewModel
@using (Html.BeginForm("Index", "Result", new { ViewBag.ReturnUrl }, FormMethod.Get, new { role = "form" }))
{
   @Html.ValidationSummary(true, "", new { @class = "text-danger" })
   @Html.Partial("~/Views/Shared/_PartialViewFile.cshtml", Model)
}

当我运行该页面时，它按预期工作。 …