كيفية تطبيق نموذج JSLink To List's النموذج الجديد في Visual Studio؟

Question

لدي نوع المحتوى يقول "الإدارات" والتقدم إلى القائمة المسمى "جميع الإدارات"، يوجد حقل واحد في نوع المحتوى الذي أريد تطبيق رابط JS لتقديمه بطريقة مختلفة

وجدت بعض الحل لتقديم الحقول بشكل مختلف باستخدام رابط JS ولكن في تلك المقالات التي يقترحونها لتحديد خاصية الحقل.

ولكن أريد تقديم الحقل في شكل نموذج واحد فقط فقط.في أنواع المحتوى الأخرى حيث يوجد الحقل يجب أن يكون هناك عرض طبيعي.

ماذا علي أن أفعل؟

Answer 1

You should do this steps (for example):

Create New Field

<Field ID="{FFCDA660-279E-4581-B451-49365B002B1A}"
     Name="RequestStatus"
     DisplayName="Request status"
     Type="Choice"
     Required="TRUE"
     Overwrite="TRUE">
<CHOICES>
  <CHOICE>Open</CHOICE>
  <CHOICE>In Progress</CHOICE>
  <CHOICE>Resolved</CHOICE>
  <CHOICE>Closed</CHOICE>
  <CHOICE>Reopened</CHOICE>
</CHOICES>
<Default>Open</Default>

Create new content type

  <ContentType ID="0x0100F1541A19429846C599622A6F63255D65"
               Name="Base Request Content Type"
               Overwrite="TRUE"
               Inherits="TRUE">
    <FieldRefs>
      <FieldRef ID="{FFCDA660-279E-4581-B451-49365B002B1A}" Name="RequestStatus" Required="TRUE"/>
    </FieldRefs>
  </ContentType>

Customize your list schema. Set JSLink attribute on the Form tags.

    <List xmlns:ows="Microsoft SharePoint"
      Title="Requests"
      DisableGridEditing="TRUE"
      FolderCreation="FALSE"
      NavigateForFormsPages="FALSE"
      EnableContentTypes="TRUE"
      Direction="$Resources:Direction;"
      Url="Lists/Requests"
      BaseType="0"
      xmlns="http://schemas.microsoft.com/sharepoint/">
  <MetaData>
    <ContentTypes>
            //Cointent types
    </ContentTypes>
    <Fields>
            //Fileds
    </Fields>
    <Views>
            //Views
    </Views>
    <Forms>
      <Form Type="DisplayForm" Url="DispForm.aspx" SetupPath="pages\form.aspx" WebPartZoneID="Main" />
      <Form Type="EditForm" Url="EditForm.aspx" SetupPath="pages\form.aspx" WebPartZoneID="Main" />
      <Form Type="NewForm" Url="NewForm.aspx" SetupPath="pages\form.aspx" WebPartZoneID="Main" JSLink="~site/Lists/Files/RequestFormCRS.js" />
    </Forms>
  </MetaData>
</List>

Js File sample

(function () {
    if (typeof SPClientTemplates === 'undefined')
        return;
    var fldCtx = {};
    fldCtx.Templates = {};
    fldCtx.Templates.Fields = {
        'RequestStatus': { 'NewForm': renderRequestStatus }
    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(fldCtx);
}
)();

function renderRequestStatus(ctx) {
    var formCtx = SPClientTemplates.Utility.GetFormContextForCurrentField(ctx);
    // logic for render html
    var controlHtml = "<input/>";

    formCtx.registerGetValueCallback(formCtx.fieldName, function () {
    // get value logic
       var controlCurrentValue = "my value"; // extract value from control
       return controlCurrentValue;
    });

    return controlHtml;
}

Answer 2

I guess one solution, not super good though, would be to add JSLink to the field. Then in the JSLink file you make a check on for example List name or URL of the current context (ctx).

It would allow you to change rendering only on the specific list.