Question

我一直在努力将一个内容项的特定部分放在视图中。我的问题是如何为内容项定义cshtml视图/形状，我可以将每个部分放在我想要的位置。请考虑以下内容项：

item
  - Text field
  - Media field

以下

<div class="my text">
    @Model.TextField1
    <div class="media-item">
        @Model.MediaField
    </div>
</div>
<p> Some text or stuf here or anyehere</p>

我似乎找不到任何例子。它应该是一个基本视图，用于为该内容的每个部分分配对象的内容，但我发现无法实现（顺便说一下，我不想使用布局）。

Answer 1

您的问题并未包含大量详细信息，无法确定您的问题所在，但此处提出了一些建议：

确保您的Placement.info文件是您尝试使用的DisplayType的最新版本，以下是我的一个示例：

<Placement>
<Place Parts_McrfProfile_Edit="Content:3"/>
<Place Parts_McrfProfile_Summary="Content:6"/>
<Place Parts_McrfProfileList_Edit="Content:3"/>
<Place Parts_McrfProfileList_Summary="Content:6"/>
<Place Parts_McfProfile_List="Content:6"/>

<Match DisplayType="Detail">
<!-- hide summary, show full content, for Detail -->
<Place Parts_McrfProfile_Summary="-"
       Parts_McrfProfileList_Summary="-"
       Parts_McfProfile_List="-"
       Parts_McrfProfile="Content:6"
       Parts_McrfProfileList="Content:6"
       />
<Place Parts_Common_Metadata="-"/>
</Match>

<Match DisplayType="Summary">
<Place Parts_Common_Metadata_Summary="-"/>

</Match>

<Match DisplayType="ListView">
   <Place Parts_Common_Metadata_Summary="-"
       Parts_McrfProfile_Summary="-"
       Parts_McrfProfileList_Summary="-"
       Parts_McrfProfile="-"
       Parts_McrfProfileList="-"
       Parts_McrfProfile_List="Content:6"/>
  </Match>
</Placement>

然后在你的显示驱动程序中，确保你正在构建正确的显示类型，这里有一个例子：

    protected override DriverResult Display(
    McrfProfilePart part, string displayType, dynamic shapeHelper)
    {
        return Combined(
       ContentShape("Parts_McrfProfile",
                         () =>
                         {
                             part.ProfileDetail = _profileService.GetProfileDetail(part.ProfileId);

                             McrfProfileDetailViewModel profileDetailViewModel = new McrfProfileDetailViewModel();

                             profileDetailViewModel.ProfileDetail = part.ProfileDetail;

                             return shapeHelper.Parts_McrfProfile(ProfileDetail: profileDetailViewModel);
                          }),
        ContentShape("Parts_McrfProfile_List",
                         () =>
                         {
                             return shapeHelper.Parts_McrfProfile_List(ProfileRecord: part);
                         }),
        ContentShape("Parts_McrfProfile_Summary",
                         () =>
                         {
                             McrfProfileSummaryViewModel profileSummaryViewModel = new McrfProfileSummaryViewModel();

                             List<int> profileID = new List<int>() { part.ProfileId };

                             var summary = _profileService.GetProfileSummaryList(profileID).Where(e => e.ProfileID == part.ProfileId).First();

                             profileSummaryViewModel.JobTitle = summary.JobTitle;
                             profileSummaryViewModel.Name = summary.Name;
                             profileSummaryViewModel.ProfileImage = summary.ProfileImage;
                             profileSummaryViewModel.ProfileID = summary.ProfileID;

                             return shapeHelper.Parts_McrfProfile_Summary(ProfileRecord: profileSummaryViewModel);
                         }));

    }

最后，如果您已正确完成这些操作并从服务中获取有效数据（或以任何方式获取数据），您应该能够按如下方式使用您的视图：

@{
Mcrf.Profiles.ViewModels.McrfProfileDetailViewModel part =   Model.ProfileDetail;
Style.Include("profile-styles.css?v=1.0").AtHead();
Style.Include("bootstrap.css?v=1.0").AtHead();
}

@if (Model != null && part.ProfileDetail != null)
{
<div>
    <div >
        <div class="profileImgDiv">
            @if (Model != null && part != null)
            {
                if (part.ProfileDetail.ProfileImage == null)
                {
                    <img class="profile-img" src="~/Modules/Mcrf.Profiles/Content/Images/noProfilePictureImage.jpg" />
                }
                else
                {
                    <img class="profile-img" src="@Url.Content(part.ProfileDetail.ProfileImage)" />
                }
            }
        </div>

等等，等等，

我希望这有帮助，

ROKA

Answer 2

如果你有一个工作的备用，比如Content-MyContentType.cshtml，你可以执行以下操作：

<div class="my text">
    @Display(Model.TextFields)
    <div class="media-item">
        @Display(Model.Media)
    </div>
</div>
<p> Some text or stuf here or anyehere</p>

然后你可以在你的placement.info中做到：

<Match ContentType="MyContentType">
    <Place Fields_Common_Text="TextFields" />
    <Place Fields_MediaLibraryPicker="Media" />
</Match>

注意

我不确定您的文本字段和/或媒体是哪种类型的字段，因此您可能需要更改Fields_Common_Text和Fields_MediaLibraryPicker以匹配字段的类型。

Orchard CMS部件放置

2 个答案: