用JavaScript实现支持图片的字段类型

前言：今天，碰到一个有趣的问题，就是SharePoint调查里面，添加对于图片的支持，众所周知，SharePoint的调查就支持那么几种字段类型的问题，当然，我们可以开发实现，不过，这个不是我们今天介绍的，我们今天介绍的是js实现的无代码开发。

　　下面，看看我们要实现的效果图，如下图（参与调查的页面，其实这个是我已经做好的页面）：

　　如上图的，带着图片的选项，在SharePoint自带字段里很难实现，所以，我就想把img标签写在页面上，然后发现当做文字输出到页面上，我就想到用js脚本，替换img标签，所以，我修改了调查里面的选项内容，如下图所示（调查内的选项）：

　　选项的详细文字：

#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 张三

#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 李四

#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 王五

　　如上面文字，我把img标签的前后，用#img_start和#img_end替换了，这样也是方便我们使用js脚本进行replace替换，js脚本附后，有兴趣的可以参考下：

var divobj = document.getElementsByTagName("LABEL");

for(var i=0;i<divobj.length;i++)

{

if(divobj[i].innerHTML.indexOf("#img_start")>=0)

{

var str = divobj[i].innerHTML;

str =str.replace("#img_start","<img");

str =str.replace("#img_end","></img>");

divobj[i].innerHTML=str;

}

</script>

　　在页面上添加一个内容编辑器web部件，然后将脚本放进去，点击确定，发现达到了我们想要的效果，然后，同样用js脚本实现调查的统计页面（如下图），这里我也就不多废话了，大家直接看效果吧。

　　后记：本来就是一个很简单的思路，我想把这些分享给大家。对于SharePoint现在开发人员越来越多，我的理念依旧是：除非必须，绝对不懂代码。当然，这个问题也有代码实现的，链接我附后了，大家可以对比下两种实现方式。呵呵，很晚了，睡觉。大家晚安。

附自定义字段实现：http://blog.csdn.net/cxx2325938/article/details/8284741

原文：http://www.cnblogs.com/jianyus/archive/2013/05/14/3076991.html

用JavaScript实现支持图片的字段类型相关推荐

mysql存储新闻文字图片的字段类型
mysql存储新闻文字图片的字段类型,使用text类型. mysql中text是大字段类型对应oracle中应该是clob(处理大长度的字符串),varchar类型对应varchar2.
mysql5.6.4以下不支持多个字段类型为timestamp
原因说明: One TIMESTAMP column in a table can have the current timestamp as the default value for initia ...
Gridview数据控件的七种字段类型
9.8 数据控件的七种字段类型(Fields Type)的应用 GridView共支持七种字段类型,字段原本应该叫"Column"比较恰当,但ASP.NET 2.0却采用另一个名 ...
mysql完整字段包括_MySQL字段类型最全解析
前言: 要了解一个数据库,我们必须了解其支持的数据类型.MySQL 支持大量的字段类型,其中常用的也有很多.前面文章我们也讲过 int 及 varchar 类型的用法,但一直没有全面讲过字段类型,本篇 ...
MySQL字段类型解析
前言: 要了解一个数据库,我们必须了解其支持的数据类型.MySQL 支持大量的字段类型,其中常用的也有很多.前面文章我们也讲过 int 及 varchar 类型的用法,但一直没有全面讲过字段类型,本篇 ...
常用MySQL字段类型解析
前言: 要了解一个数据库,我们必须了解其支持的数据类型.MySQL 支持大量的字段类型,其中常用的也有很多.前面文章我们也讲过 int 及 varchar 类型的用法,但一直没有全面讲过字段类型,本篇 ...
MySQL字段类型最全解析
前言: 要了解一个数据库,我们必须了解其支持的数据类型.MySQL 支持大量的字段类型,其中常用的也有很多.前面文章我们也讲过 int 及 varchar 类型的用法,但一直没有全面讲过字段类型,本篇 ...
mysql密码字段类型_MySQL字段类型最全解析
**前言:** 要了解一个数据库,我们必须了解其支持的数据类型.MySQL 支持大量的字段类型,其中常用的也有很多.前面文章我们也讲过 int 及 varchar 类型的用法,但一直没有全面讲过字段类 ...
Solr字段类型field type的定义
摘要: Solr的字段类型定义了Solr如何解析字段数据并将数据检索出来,了解Solr的字段类型定义有助于更好的配置与使用Solr. 字段类型的定义字段类型的定义主要包含如下四个方面的信息: 名称 ...

用JavaScript实现支持图片的字段类型

用JavaScript实现支持图片的字段类型相关推荐

最新文章

热门文章