如何在启用SharePoint浏览器功能的InfoPath 表单中添加托管代码以动态地加载并显示图片
InfoPath 的浏览器表单不支持加载并显示图片,当然在模板中可以插入图片,但是如果想显示数据库的一幅图片,或是动态加载一张图片就无能为力了。
基实这个问题可以通过在浏览器表单中使用: "格式文本框(Rich TextBox) + 托管代码" 来解决,通过对格式式文框的innerHTML赋HTML标记,来插入一组<img></img>标记从而来显示图片,在插入HTML代码时,必须要以如下内容开始:
<html xmlns=\"http://www.w3.org/1999/xhtml\"><div>
以如下内容结束:
</div></html>
为帮助读者同时了解托管代码与格式文框的用法,本文做出如下讲解:
1. 如何在启用浏览器功能的InfoPath 2007 的表单中添加托管代码,创建模板,并如何部署到SharePoint 服务器中运行;
2. 在InfoPath From Services模板(使用1个文本框,用来输入图片的URL;1个格式文本框,用来显示这个图片),添加代码来动态显示图片。
本文适合对InfoPath和SharePoint有着基础认识的,并且有着C#语言开发功底的开发人员、IT技术人员。
- 配置InfoPath 启用托管代码:
重新运行Office的"安装程序",在安装的时候,勾选Visual Studio Tools for Application 即VSTA -> 从本机运行,如下的图示:
.
- 新建InfoPath 模板:
打开InfoPath 2007 ,选择"设计模板"然后新建一个空白的模板,
为了进行VSTA的托管代码设计,必须在"工具"->"表单选项"如下2个地方进行设置:
1) "兼容性"选项卡中
按下图的设置"设计一个可在浏览器或InfoPath中打开的表单模板"
2) "安全和信任"选项卡中,设置"为此表单模板签名"
- 设计表单模板
在模板中添加1个"文本框"控件(双击命名为:TextBox)、1个"按钮"(双击文本设置成"显示")、1个"格式文本框"(重命名为:RichTextBox),
然后双击"显示"按钮,点击"编辑表单代码",系统会自动打开按钮的单击事件,在事件方法的函数中我们写上如下3行的代码:
XPathNavigator navigatorMainDataSource = this.MainDataSource.CreateNavigator();
string stringRichTextBoxHTML = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><div><img src='"
+ navigatorMainDataSource.SelectSingleNode("/my:myFields/my:TextBox", this.NamespaceManager).Value
+ "' alt='test'></img></div></html>";
navigatorMainDataSource.SelectSingleNode("/my:myFields/my:RichTextBox", this.NamespaceManager).InnerXml = stringRichTextBoxHTML;
第1行:找到主数据源的XpathNavigator对象
第2行:从TextBox节点中读取URL值,包裹上<img>标记,并且前后加上格式化文本框所必须的HTML标记。
第3行:把HTML标记,赋给"格式文本框"RichTextBox
4、生成模板
在InfoPath中点击"文件"->"发布",如下图设置发布向导:
选择发布到SharePoint服务器后,点击"下一步":
在文本框中输入SharePoint网站的URL,然后点击下一步:
出现上面的提示,什么也不要选,直接点击下一步,如果和上面的图不一样,请确认本文章的第2步,您有没有漏掉什么步骤;
在上面的图中,选择把模板发布到C:\ ,并且文件名为"显示图片",然后一路点击"下一步",直到关闭发布向导。
5、发布模板到SharePoint服务器管理中心
打开SharePoint网站的"管理中心", 在"应用程序管理"页面"InfoPath Forms Services "节,选择上载表单模板
点击浏览,并点击页中的"上载",上传第4步生成的"C:\显示图片.xsn"文件到管理中心;
如果页面提示:
该表单模板已被成功上载到场。若要在网站集中启用该表单模板,请从网站集中的"管理表单模板"页或功能激活页来激活该表单模板。
就表示模板及代码没有任何问题。
然后,打开"管理表单模板",在这里可以看到我们上传的模板,这时点击激活到网站集,选择我们要使用模板的网站集,然后点确定.
我们打开第5步中(我们把模板激活到的)那个网站,这里我们是http://oss ,然后在网站中选择一个InfoPath表单库,
如果没有,您可以新建一个,但必须设置并保证在表单库的"高级设置"中如下2个的选项是打开的:
然后在该表单库的设置页面,点击如下图的链接"从现有网站内容类型添加":
然后系统会将上传的模板在内容类型"Microsoft Office InfoPath"里,列出来,如下图把"显示图片"这个模板添加进去,然后点确定:
这样就完成了把模板添加进入表单库的任务!
7、使用模板
在表单库中,点击"新建"会显示如下图的"显示图片"模板
打开后,我们把博客园LOGO的地址URL复制进去,点击"显示",看看是不是很神奇!
文章总结:
VSTA托管代码在INFOPATH领域好比是手足之关系,本文介绍了应用代码必须设置的选项和详细步骤,本文的所有代码和方法也适用于InfoPath 2010,对于格式化文本框,通过VSTA的托管代码可以完成非常多的功能,以补充INFOPATH不足,除了可以显示图片以外,我们可以几乎在其中插入任何HTML代码,比如<a>的超链代码,比如<p>段落,比如<table>的表格,本文仅用若干行代码抛砖引玉,希望开发者自行思考,扩展InfoPath更多的特性。
如何在启用SharePoint浏览器功能的InfoPath 表单中添加托管代码以动态地加载并显示图片的更多相关文章
- ie9下浏览器 cosole.log()会阻止j下面的s加载
ie9下浏览器 cosole.log()会阻止j下面的s加载,删掉多余的console.log().
- js 利用canvas + flv.js实现视频流 截屏 、本地下载功能实现,兼容火狐,谷歌;canvas截屏跨域问题,无音频视频流加载不显示问题
项目:物联网监控项目----后台视频流管理(前端实现视频截屏功能) 本文就不同视频源分情况展示: 1 本地视频(项目同目录视频)截屏(canvas.getContext("2d).drawI ...
- VS2013启动浏览器链接(BrowserLink),导致页面脚本错误和页面加载变慢
页面脚本出错场景:
- Restful风格,PUT修改功能请求,表单中存在文件报错-HTTP Status 405 - Request method 'POST' not supported
解决方案配置如下 <!-- 配置文件上传解析器 --> <bean id="multipartResolver" class="org.springfr ...
- android 下 利用webview实现浏览器功能
android 下 利用webview实现浏览器功能(一): 1.界面添加WEBVIEW控件. 2.在界面.JAVA代码页面(protected void onCreate(Bundle savedI ...
- selenium3加载浏览器
浏览器禁用更新: 因为selenium对浏览器的支持是有限制的.当浏览器更新到最新版本时,需要下载支持最新版本的插件.有时候selenium还没有更新到支持最新版本的插件,但本地已经更新到最新版本了. ...
- 浏览器加载和渲染HTML的过程(标准定义的过程以及现代浏览器的优化)
先看一下标准定义的浏览器渲染过程(网上找的): 浏览器打开网页的过程 用户第一次访问网址,浏览器向服务器发出请求,服务器返回html文件: 浏览器开始载入html代码,发现 head 标签内有一个 l ...
- [WebKit]浏览器的加载与页面性能优化
非常棒.非常系统的一份资料,值得阅读! 原文来自百度泛用户体验. 作者:nwind 本文将探讨浏览器渲染的loading过程,主要有2个目的: 了解浏览器在loading过程中的实现细节,具体都做了什 ...
- 使用HTML5的页面资源预加载(Link prefetch)功能加速你的页面加载速度
不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉.有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用 ...
随机推荐
- [转载]—— Android JNI知识点
Java Native Interface (JNI)标准是java平台的一部分,它允许Java代码和其他语言写的代码进行交互.JNI 是本地编程接口,它使得在 Java 虚拟机 (VM) 内部运行的 ...
- Windows Azure Web Site (6) 使用FTP发布Azure Web Site
<Windows Azure Platform 系列文章目录> 笔者在之前的文章中介绍的都是使用IDE,也就是Visual Studio,将本地的aspx发布到Azure Web Site ...
- java基础题目总结
有些基础题目由于工作中用的比较少但却又是不可少的,这样回答起来就会反应慢,不确定,不准确,特此开了文章记录遇到的不确定或者回答比较拗口的问题. 1.servlet是单例的吗,是安全的吗,是多线程吗 s ...
- nodejs学习笔记三——nodejs使用富文本插件ueditor
在做自己的nodejs项目的时候遇到需要使用ueditor.原来下载的是ueditor的jsp版本.目录如下 在ueditor.config.js中有配置服务器home路径(这个home路径能找到u ...
- HashMap的resize和Fail-Fast机制
1.HashMap的resize(rehash): 当HashMap中的元素越来越多的时候,hash冲突的几率也就越来越高,因为数组的长度是固定的.所以为了提高查询的效率,就要对HashMap的数组进 ...
- HTML5矢量实现文件上传进度条
在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...
- Chrome开发者工具详解(3)-Timeline面板
Chrome开发者工具详解(3)-Timeline面板 注: 这一篇主要讲解面板Timeline,参考了Google的相关文档,主要用于公司内部技术分享.. Timeline面板 Timeline面板 ...
- Android 获取可靠的手机编码
项目中出现了将设备和用户信息进行绑定的需求.最先想到的是IMEI串码和IMSI串码.手机登陆的时候一直都没有问题.换了一个平板中之后IMEI和IMSI串码都获取不到了.后来查了一下原因,是因为平板上是 ...
- 使用HTML.ActionLink实现一个图片链接
学习ASP.NET MVC 的Razor的语法,尝试把一段普能的图片链接<a ...><img ... />改为HTML.ActionLink实现. 最原始的代码: <a ...
- C#编程总结(十)字符转码
C#编程总结(十)字符转码 为了适应某种特殊需要,字符需要根据规则进行转码,便于传输.展现以及其他操作等. 看看下面的转码,就知道他的用处了. 1.字符串转码 根据原编码格式与目标编码格式,完成转换. ...