SharePoint js操作原生的New/Edit表单

列表的表单，有个类似的需求：在New需隐藏特定字段，Edit时显示。

默认是New/Edit表单的字段是一样，就算在Content type 是隐藏也是同时影响两个表单。

 

如何做到仅仅在New时隐藏呢？

思路：在SharePoint Designer中，修改列表的New表单，加入JS，控制CSS属性达到效果。

其中有两点：

1. JS代码段应该放在那里？

2. 怎么定位到字段，代码如何写？

 

以下方法使用的JQuery库，需要引入js。例子中已经在母版页中引入了。

 

步骤：

1. 在目标列表中，点击“新建项目”，在Ribbon中点击“编辑页面”，“添加Web部件”，加入“内容编辑器”WebPart，保存页面并退出。

 

注意：默认新建项目时是弹出层方式，不能编辑页面，所以先改页面方式。在列表设置-->高级设置 中改，如下图：

 

2.使用SharePoint Designer打开网站，找到目标列表，点开，找到New表单，右键“在高级模式下编辑文件”

 

3.找到刚添加的“内容编辑器”WebPart，在<Content>节点中间，添加JS代码：

 

JS参考代码如下：自行引入JQuery库

 

<![CDATA[<script type="text/javascript">
function GetNodeByInternalName(internalName)
    {
        var returnVal = null;
        $("td.ms-formbody").each(function(){
 
        try{                                        
            var patt = new RegExp('FieldInternalName="' + internalName + '"' ,"i");
            if(patt.test($(this).html()))
            if(returnVal == null)
            {
            returnVal = $(this);
            return false;
            }
        }
        catch (err)
        {}
        });
        return returnVal;
    }
$(document).ready(function(){
     //隐藏column
     GetNodeByInternalName("StartTime").parent().hide();
});
</script>]]>

 

JS 获取Dom之后，就可以隐藏，禁用，改背景色等。

全文完！