使用html和javascript自定义sharepoint开发

时间:2015-12-21 19:56:08

标签: javascript asp.net sharepoint sharepoint-2013 sharepoint-designer

我正在开发sharepoint应用程序。我想使用html,javascript等用户界面。为此,我在母版页库下创建了脚本和样式文件,在layouts文件夹下创建了aspx页面,并提供了从aspx到这些脚本的引用。但是很难保持这样的开发,因为我使用Sharepoint Designer来编写javascript代码。我也在使用ajax请求进行数据传输。 我应该如何构建架构来实现这一目标?

2 个答案:

答案 0 :(得分:1)

实际上,您可以结合使用JS文件,CS文件以及SharePoint Designer和Visual Code。

使用代码创建和修改CSS和JS文件,以便对表单进行所需的更改。这样做您不是从头开始创建,而是修改和改进SharePoint已经提供的内容。您还可以使用JSOM进一步增强表单。创建CSS和JS文件后,将它们保存到Site Collection中的某个位置(可能是Assets库)。

从那里,转到SharePoint Designer并访问要修改的列表。选择要更新的表单,然后选择“在浏览器中查看”。设计师将为您打开一个空白表格。您现在可以编辑页面并执行以下操作:

  • 单击“添加Web部件”
  • 添加内容编辑器Web部件
  • 设置Chrome类型=无
  • 将光标放在内容编辑器中。单击功能区内的编辑源
  • 添加: function getData(){ $.when(http_get('../list/')).then(function(response){ students = response; return students; console.log(response); }, function(response){ console.log('get failed'); }) } $('#element').pluginSmart({ data: getData() }); (这会将自定义CSS添加到表单。
  • 接下来编辑列表项Web表单Web部件
  • 设置Chrome类型=无
  • 在杂项下,将以下内容添加到JS链接:<link href="/<sitename>/SiteAssets/<folder with files>/<cssFilecreated>.css" rel="stylesheet" type="text/css"/>

测试您的代码,看它是否符合您的要求。如果没有,请直接从Site Assets库重新打开代码。

快速注意:我只包含了jquery库,向您展示如何在JSLink字段中包含多个文件。您不必使用JQuery,而是可以使用客户端渲染。这完全取决于你。如果需要,您可以将AJAX调用分成单独的js文件。

希望这会有所帮助。

戴夫

答案 1 :(得分:0)

当我进行这种开发时(我更喜欢称之为:创建电源解决方案)我创建了一些css和JS文件并将它们放在文档库中。通常,您使用Assets库,但我可以是任何文档库。

上传文件后,您可以通过在资源管理器视图中打开文档库来编辑它们(然后您将获得带有文件的文件夹)。

要在UI上做一些奇特的东西,我将HTML表单webpart添加到页面,并将HTML代码放在那里。