认识团队名册 [英] Meet the Team roster

问题描述

大家好，

我需要一些帮助，我正在尝试创建一个自定义的与团队会面".名册.我有一个自定义列表，其中包含我需要的所有信息.唯一的问题是我不太擅长编码，我已经尝试过在线示例，但无法使用它. 因此，我决定只是学习并自己做一个.下面有一个示例，显示每个成员的图块的外观.图片是在图片库中链接到其图片的图片列，四列带有位置 信息.任何帮助将是巨大的！我会使用用户个人资料服务，但不会显示最新信息.我想使用内容编辑器Web部件，并映射到txt文件或js文件.

I am in need of some help, I am trying to make a custom "meet the team" roster.  I have a custom list with all the information I need. The only issue is I am not very good at coding, I have tried online samples but I can never get it to work.  So I decided to just take a learning experience and make one myself.  Below I have an example of what each member's tile will look like.  The picture is a picture column linked to their picture in the image library, and four columns with position information.  Any help will be great!! I would use the user profile service but that doesn't show the most updated information. I would like to use the content editor web part, and map to a txt file or js file.

推荐答案

以下示例供您参考.

1.创建一个自定义列表"UserList"，并添加以下列:名称(单行文本)，PhoneNumber(单行文本)，Email(单行文本)，Image(图片).

1. Create a custom list "UserList", and add columns: Name(single line of text), PhoneNumber(single line of text), Email(single line of text), Image(picture).

2.将以下代码添加到页面中的内容编辑器Web部件中.

2. Add the code below into content editor web part in page.

<script src="//code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">

(function(){ var listName =" UserList" ;; getListItemById(listName); }); 函数getListItemById(listName){ var username =

(function(){ var listName="UserList"; getListItemById(listName); }); function getListItemById(listName) { var username=

(" span [title ='Open Menu'] a [id

("span[title='Open Menu'] a[id

这篇关于认识团队名册的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！