sharepoint 人员选择控件使用

1,先引入 js

  <SharePoint:ScriptLink Name="clienttemplates.js" runat="server" LoadAfterUI="true" Localizable="false" />
<SharePoint:ScriptLink Name="clientforms.js" runat="server" LoadAfterUI="true" Localizable="false" />
<SharePoint:ScriptLink Name="clientpeoplepicker.js" runat="server" LoadAfterUI="true" Localizable="false" />
<SharePoint:ScriptLink Name="autofill.js" runat="server" LoadAfterUI="true" Localizable="false" />
<SharePoint:ScriptLink Name="sp.js" runat="server" LoadAfterUI="true" Localizable="false" />
<SharePoint:ScriptLink Name="sp.runtime.js" runat="server" LoadAfterUI="true" Localizable="false" />
<SharePoint:ScriptLink Name="sp.core.js" runat="server" LoadAfterUI="true" Localizable="false" />

2,添加div标签

<div id="peoplePickerCCDiv"></div>

3,初始化   initializePeoplePicker(peoplePickerCCDiv)

function initializePeoplePicker(peoplePickerElementId) {

var schema = {};     schema[‘PrincipalAccountType‘] = ‘User,DL,SecGroup,SPGroup‘;     schema[‘SearchPrincipalSource‘] = 15;     schema[‘ResolvePrincipalSource‘] = 15;     schema[‘AllowMultipleValues‘] = true;     schema[‘MaximumEntitySuggestions‘] = 50;     schema[‘Width‘] = ‘280px‘;     schema[‘Height‘] = ‘55px‘;

this.SPClientPeoplePicker_InitStandaloneControlWrapper(peoplePickerElementId, null, schema); }

4,获取用户信息

function getUserInfo() {
    var peoplePicker = this.SPClientPeoplePicker.SPClientPeoplePickerDict.peoplePickerDiv_TopSpan;
    var users = peoplePicker.GetAllUserInfo();
    var userInfo = ‘‘;
    if (users.length > 0) {
        for (var i = 0; i < users.length; i++) {
            var user = users[i];
            var aduser = user.Key;
            if (aduser.indexOf("|") >= 0) {
                userInfo += aduser.substring(aduser.indexOf("|") + 1) + ";";
            }
            else {
                userInfo += aduser + ";";
            }
        }
    }
    return userInfo;
}

时间: 2024-08-27 03:33:28

sharepoint 人员选择控件使用的相关文章

sharepoint 2013 附件控件FileUpload如何检验是否为图片的方法

记录一下关于附件控件FileUpload如何检验是否为图片的方法: function checkImg() { var fileObj =document.getElementById('<%=FileObj.ClientID%>'); var str =fileObj.value; if (str !='') { if(str.substring((str.lastIndexOf(".jpg"))) == (".jpg") ||str.substrin

android中选择控件与选择界面自然过度效果的实现--一种新的交互设计

转载请标明出处: http://blog.csdn.net/jianghejie123/article/details/40648931 在安卓中经常遇到须要选择一个东西的功能,比方选择日期.选择文件,选择地点等,通常我们的做法是使用选择对话框.比方选择日期用datepicker,有时候也使用activity,可是这两种方式都有一个缺点,就是用户非常明显的感觉到了界面之间的切换. 有时候.以下这样的选择数据的交互方式应该会更好些: 事实上上面的app效果来自与CapitaineTrain应用,好

用c/c++混合编程方式为ios/android实现一个自绘日期选择控件(一)

本文为原创,如有转载,请注明出处:http://www.cnblogs.com/jackybu 前言 章节: 1.需求描述以及c/c++实现日期和月历的基本操作 2.ios实现自绘日期选择控件 3.android实现自绘日期选择控件 目的: 通过一个相对复杂的自定义自绘控件来分享: 1.ios以及android自定义自绘控件的开发流程 2.objc与c/c++混合编程 3.android ndk的环境配置,android studio ndk的编译模式,swig在android ndk开发中的作

js组件开发-移动端地区选择控件mobile-select-area

移动端地区选择控件mobile-select-area 由于之前的[js开源组件开发]js手机联动选择地区仿ios 开源git 很受欢迎,于是我又对其进行了一些优化,包括可选的范围变大了,添加了默认空首地址的功能,也添加了更多api参数,首先我们先来看下这次的效果图. 它的github地址请点击https://github.com/tianxiangbing/mobile-select-area 它的demo演示请点击 http://www.lovewebgames.com/jsmodule/m

控制控件(滑杆,分段选择控件,开关按钮)

// //  ViewController.m //  UI-NO-9 // //  Created by Bruce on 15/7/23. //  Copyright (c) 2015年 Bruce. All rights reserved. //   #import "ViewController.h"   @interface ViewController () {     UIView *bgView;     UIImageView *animationView; } @e

双日历日期选择控件

近期,需要在项目里使用日历,经过多方选择,最后决定使用 daterangepicker  (http://www.daterangepicker.com),代码下载地址 https://github.com/dangrossman/bootstrap-daterangepicker 但是,该控件是一个日期范围选择控件,使用singleDatePicker 可以变成单日期选择控件,但是只显示一个日期. 看了一下源代码,主要是在 daterangepicker.js 的有一段代码,注释掉即可:如下

数据选择控件

UIDatePicker——方便用户选择日期 作用:方便用户的日期选择,并保证日期格式正确 1. 初始化 // 初始化日期控件,不用设置宽高,因为它的宽高是固定的 UIDatePicker *datePicker = [[UIDatePicker alloc]init]; 2. 常用设置 // 设置日期控件区域为简体中文 [datePicker setLocale:[[NSLocale alloc]initWithLocaleIdentifier:@"zh_Hans_CN"]]; //

如何根据集合动态构建复选框选择控件

背景:根据列表或集合,构建复选框控件,从中选取若干选项.比如,构建城市选择控件,城市按照字母分组进行展示.再比如,构建学生选择控件,学生按照城市进行分组展示.常作为分部视图使用. 效果图: 如图,城市以红色字体显示,李雷来自北京,同时Lily和Lucy来自纽约. HTML代码如下: 1 <table><tr><td><input type="checkbox" id="checkedAll" onclick="wh

高仿IOS7日期选择控件

高仿IOS7日期选择控件 高仿IOS7.QQ等日期选择控件,滑动选择,高端大气上档次,可直接运用于项目中... 下载地址:http://www.devstore.cn/code/info/965.html 运行截图: