如何定制列表项编辑页面

简介:

经常有人问我“如何禁止用户修改某某字段?”之类的问题。通常这一类的问题会牵涉到对列表项编辑页面的修改。

其实简单来说,如果你熟悉SharePoint开发,解决上面所说的这个问题就非常简单了。因为SPField有一个ShowInEditForm的属性,你只需要这样:

SPField titleField = item.Fields["Title"];
titleField.ShowInEditForm = false;


但如果你不想用这样的方法,或者想了解更多对列表项编辑页面的定制,那就继续看下去。

对列表项编辑页面最常见,也最方便的定制方法,就是使用SharePoint Designer打开这个页面直接进行修改。通常,通过往这个页面上添加相应的JavaScript脚本,就可以完成我们需要的效果。
 

 

比如下面的这个任务列表项的编辑页面,我们希望,它能够隐藏“标题”字段,同时,自动将“截止日期”所对应的文本框中的值设置为2008/1/1(是的,我知道要做到这个只需要更改字段默认值,但这不是重点...)。
 

 

<script type="text/javascript" language="javascript">

// 搜索对应到每个字段的文本输入框
function searchFieldEditorElement(tagName, identifier, title) {
  var len = identifier.length;
  var tags = document.getElementsByTagName(tagName);
  for (var i=0; i < tags.length; i++) {
    var tempString = tags[i].id;
    if (tags[i].title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length - len)) {
      return tags[i];
    }
  }
  return null;
}

// 搜索对应到每个字段的“<TR>”标签
function searchParentTR(element)
{
    var parentElement = element.parentElement;
    if (parentElement == null)
    {
        return element;
    }
    if (parentElement.tagName.toLowerCase() == "tr")
    {
        return parentElement;
    }
    return searchParentTR(parentElement);
}

function setFieldControls()
{
    // 将“标题”字段所对应的行隐藏起来
    var txtTitle = searchFieldEditorElement("input", "TextField", "标题");
    if (txtTitle != null)
    {
        var parentTr = searchParentTR(txtTitle);
        parentTr.style.display = "none";
    }

    // 将“截止日期”字段所对应的文本框的值设置成“2008/1/1”
    var txtEndDate = searchFieldEditorElement("input", "DateTimeFieldDate", "截止日期");
    if (txtEndDate != null)
    {
        txtEndDate .value = "2008/1/1";
    }
}

// 指定在页面载入后运行指定的JS函数
_spBodyOnLoadFunctionNames.push("setFieldControls");

</script>

 

 

通过灵活使用JavaScript,基本上我们可以实现我们所需要的大部分效果。





本文转自 kaneb0y 51CTO博客,原文链接:http://blog.51cto.com/kaneboy/280791,如需转载请自行联系原作者
目录
相关文章
|
4月前
|
Java 数据库连接 程序员
收藏文章列表
收藏文章列表
10 0
|
6月前
|
索引 Python
|
9月前
|
前端开发
列表和详情显示
列表和详情显示
|
存储 人工智能 索引
|
Java 索引 Spring
列表
今天我们来学习列表的相关内容,视频我已经传到b站上了,现在把链接发给大家,大家可以在b站上观看。
79 0
列表
|
开发工具 开发者
好文章列表
在阿里云开发者社区看到的好文章
278 0
|
索引
4.5 列表
下面我们学习的是列表,列表是由一序列特定顺序排列的元素组成的。可以把字符串、数字、字典等东西加入到列表中,其中的元素之间没有任何关系。列表也是自带下标的,默认从0开始。 strl='werwfrwefrvrtgrg' print(type(strl)) print(list...
649 0
使用GDI+生成KnownColor列表
原文:使用GDI+生成KnownColor列表 在写这篇“GDI+与WPF中的颜色简析”之前,我试着使用GDI+生成KnownColor列表。
1003 0
|
C#
TSF自定义候选词列表界面
原文:TSF自定义候选词列表界面 概述 TSF(Text Service Framework),已经取代IMM(Input Method Manager),成为win8+系统的输入法框架。现在有个需求,触摸屏上要使用软键盘(虚拟键盘,已经有了)输入中文,当需要输入的时候自动弹出软键盘,系统自带的屏幕键盘不能满足需求。
1545 0
|
索引
列表的魔法
以中括号括起来,以","分隔每个元素,列表中的元素可以是数字,字符串,列表中可以嵌套列表。列表的列表中还能嵌套列表,也可以是布尔值。所有的都能放进去。 li = [1,12,9,"age",["hehe",2,"wang",["wanggang","xudong"]],"end"] print(l.
893 0