SharePoint隐藏newform,dispform,editform

时间:2015-07-31 00:45:02

标签: sharepoint hide

当我需要一些帮助时,我有一个任务。我想要完成的是跟随..

  1. 在SharePoint(2013)
  2. 中隐藏newform,editform和dispform上的某些字段
  3. 我想隐藏的字段只是输入/文本框字段而不是与之关联的整个列/标题。基本上我有一个带有标题和相关文本框(单行文本)的表单,我想要做的只是隐藏文本框。
  4. 我使用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工具时,我在“内联样式”顶部标题下添加了一些css(我可以告诉),这是“display = none”和bingo它的工作原理!

    现在我无法在此处永久地将其添加到表单中。我试图通过在表单中​​添加内容Web部件并尝试一些CSS / Java脚本来进行谷歌搜索,但我根本没有这方面的技能..这有意义吗?

    示例:with field

    without field

    任何帮助都会很棒

    干杯!

1 个答案:

答案 0 :(得分:2)

在SharePoint 2013中引入了function guessGame(){ number = Math.floor(Math.random()*11); document.write(number); var guess = prompt("Guess a number: "); while (guess != number) { if (number < guess) { guess = prompt("You've guessed too high! Keep guessing!"); } else { guess = prompt("You've guessed too low! Keep guessing!"); } } document.write("Good Job!"); } (又名Client Side Rendering),用于呈现列表视图,列表表单和搜索结果。有关详细信息,请参阅SharePoint 2013 Client Side Rendering: List Forms文章。

以下 JavaScript模板演示了如何在列表表单页面中隐藏字段控件:

CSR

如何应用更改

  • 编辑模式
  • 中打开列表表单页面
  • 在页面上添加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]); } } 网页部件
  • 通过使用将其封闭来插入指定的JavaScript模板 Script Editor代码注意:通过script变量
  • 指定要隐藏的字段名称
  • 保存页面

结果

图片1.原始新表格页面

enter image description here

产品图。 2自定义新表单(隐藏fieldNamesToHideJob Title的字段控件) enter image description here