SharePoint 多行文本字段设置默认值

栏目: JavaScript · 发布时间: 6年前

内容简介:最近有这样一个需求,创建一个表单,里面有多行文本字段,但是要求内容默认带一个表格,这样用户新建项目的时候,就可以直接填表格了。好吧,这样的需求我们可以通过JavaScript实现。1.默认的多行文本,我们可以通过菜单上的插入功能,插入一个表格,但是,这不是我们想要的,如下图:

前言

最近有这样一个需求,创建一个表单,里面有多行文本字段,但是要求内容默认带一个表格,这样用户新建项目的时候,就可以直接填表格了。

好吧,这样的需求我们可以通过JavaScript实现。

1.默认的多行文本,我们可以通过菜单上的插入功能,插入一个表格,但是,这不是我们想要的,如下图:

SharePoint 多行文本字段设置默认值

2.用SharePoint Designer打开我们的站点,找到我们需要修改的表单,如下图:

SharePoint 多行文本字段设置默认值

3.右键,在高级模式下编辑文件,如下图:

SharePoint 多行文本字段设置默认值

4.在下图位置插入JavaScript脚本,当然,也不是必须插在这个位置,但是新手最好先插入在此,以后熟悉了原理,可以改位置,如下图:

SharePoint 多行文本字段设置默认值

5.脚本的详细信息,主要功能就是先用JavaScript写一个table的html,然后,用脚本找到多行文本的编辑器,然后用脚本写进去。

SharePoint 多行文本字段设置默认值

6.演示的效果,如下图:

SharePoint 多行文本字段设置默认值

7.完整的代码

//页面加载执行方法
setTimeout(insertTable,1000);

//插入Table方法
function insertTable()
{
    var tableHTML = "<table border='1'><tr><td>Column1</td><td>Column2</td></tr><tr><td>value1</td><td>value2</td></tr><tr><td>value1</td><td>vaule2</td></tr></table>";
    $(".ms-formlabel:contains('Content')").next().find(".ms-rtestate-write").html(tableHTML);
}

总结

SharePoint 和传统网站开发原理基本一样,所以,很多时候可以使用css和JavaScript去做很多事情,大家有需要的时候,记得想起。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

以匠心,致设计:网易 UEDC 用户体验设计

以匠心,致设计:网易 UEDC 用户体验设计

网易用户体验设计中心 / 电子工业出版社 / 2018-8 / 95.00元

为什么网易云音乐的体验流畅细腻、富有温度?为什么网易严选App的UI设计让人感到温馨、舒适?为什么网易蜗牛读书App的界面设计让用户爱不释手…… 《以匠心,致设计:网易 UEDC 用户体验设计》是网易用户体验设计团队对自身过去的设计思考的精心总结,最大程度还原了网易产品背后的设计故事,内容涵盖设计基础、设计实践、方法思考、成长指南四章,借助网易产品设计的实际案例具体讲述了设计师日常工作中不可......一起来看看 《以匠心,致设计:网易 UEDC 用户体验设计》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

URL 编码/解码
URL 编码/解码

URL 编码/解码

MD5 加密
MD5 加密

MD5 加密工具