SharePoint隐藏字段的新形式，分发格式，编辑格式

Question

当我需要帮助的时候，我在这里有一个任务。我想要完成的是..

1. 在SharePoint (2013年)中隐藏newform、newform和dispform上的一些字段
2. 我试图隐藏的字段只是输入/文本框字段，而不是与其关联的整个列/标题。基本上，我有一个带有标题的表单，它旁边有一个相关的textbox (单行文本)，我想做的是只隐藏textbox。

我使用了F12 IE工具来选择显示以下源代码的文本框：

<input title="Travel" class="ms-long ms-spellcheck-true" id="Travel_f6801fb9-c4ff-4109-acb9-f7dd63c1d98a_$TextField" type="text" maxlength="255" value="">

(文本框与我的“旅行”栏相关联)

现在，当我在选择时使用F12工具时，我在“内联样式”顶部标题"display=none“下添加了一些css(从中我可以看出)，它是工作的！

现在我不能做的是永久地将它添加到表单中。我试图通过在表单中添加一个内容web部件来搜索这一点，并尝试一些CSS/Java脚本，但我只是不具备这方面的技能。这有道理吗？

例子：

​

​

​

任何帮助都是很好的

干杯!

Answer 1

在2013年的SharePoint中，引入了Client Side Rendering (又名CSR)，用于呈现列表视图、列表表单和搜索结果。有关更多细节，请参阅SharePoint 2013年客户端呈现:列表表单文章。

以下JavaScript模板演示如何在列表窗体页中隐藏字段控件：

SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function() {

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
      OnPostRender: hideFieldControls
    });

});



function getFieldControlId(field){
   return field.Name + '_' + field.Id + '_$' + field.Type + 'Field';
}

function hideFieldControl(field){
   var fieldControlId = getFieldControlId(field);
   var fieldControl = document.getElementById(fieldControlId);
   fieldControl.style.display = "none";
}


function hideFieldControls(ctx){
    var fieldNamesToHide = ['JobTitle','WorkPhone'];  //<- set field names to hide here
    if(fieldNamesToHide.indexOf(ctx.ListSchema.Field[0].Name) > -1) {
        hideFieldControl(ctx.ListSchema.Field[0]);
    }
}

如何应用更改

• 在编辑模式下打开列表表单页
• 在页面上添加Script Editor web部件
• 使用JavaScript标记(注意:指定要通过fieldNamesToHide变量隐藏的字段名)插入指定的fieldNamesToHide模板
• 保存页

结果

图1.新表格正本页

​

​

图片。2个定制的新表单( Job Title和Business Phone的字段控件是隐藏的)

​