前言
最近有这样一个需求,创建一个表单,里面有多行文本字段,但是要求内容默认带一个表格,这样用户新建项目的时候,就可以直接填表格了。
好吧,这样的需求我们可以通过JavaScript实现。
1.默认的多行文本,我们可以通过菜单上的插入功能,插入一个表格,但是,这不是我们想要的,如下图:
2.用SharePoint Designer打开我们的站点,找到我们需要修改的表单,如下图:
3.右键,在高级模式下编辑文件,如下图:
4.在下图位置插入JavaScript脚本,当然,也不是必须插在这个位置,但是新手最好先插入在此,以后熟悉了原理,可以改位置,如下图:
5.脚本的详细信息,主要功能就是先用JavaScript写一个table的html,然后,用脚本找到多行文本的编辑器,然后用脚本写进去。
6.演示的效果,如下图:
7.完整的代码
//页面加载执行方法
setTimeout(insertTable,); //插入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去做很多事情,大家有需要的时候,记得想起。