Jquery sharepoint将列表项动态添加到页面
我想使用项目列表中的值,用列表的内容填充多个不同的页面。例如,在列表中,我会有项目A和项目B等。我想创建一个专门用于项目A的网站,并使用脚本编辑器web部件将项目列表中的内容(即截止日期、项目员工等)填入网站“项目A”的模板。我被告知,这可以通过JQuery动态完成,这样,如果我以后更改列表中的项目,那么该特定项目的站点将反映列表中的更改 例如,让我们假设列表如下所示: 项目列表Jquery sharepoint将列表项动态添加到页面,jquery,jquery-ui,sharepoint,sharepoint-2013,Jquery,Jquery Ui,Sharepoint,Sharepoint 2013,我想使用项目列表中的值,用列表的内容填充多个不同的页面。例如,在列表中,我会有项目A和项目B等。我想创建一个专门用于项目A的网站,并使用脚本编辑器web部件将项目列表中的内容(即截止日期、项目员工等)填入网站“项目A”的模板。我被告知,这可以通过JQuery动态完成,这样,如果我以后更改列表中的项目,那么该特定项目的站点将反映列表中的更改 例如,让我们假设列表如下所示: 项目列表 项目员工位置 将员工A计划为123 A St 项目B员工B 234 B St 项目C员工C 345 C St 然后,
项目员工位置
将员工A计划为123 A St
项目B员工B 234 B St
项目C员工C 345 C St 然后,我希望站点具有如下脚本编辑器: 项目A(标题) 雇员A
位置A这很简单。我希望您以项目名称调用ScriptEditor Web部件中的列表内容。这意味着您从列表I->Project A中获取项目名称,为该项目创建一个具有相同标题->Project A的页面或站点,并通过脚本编辑器按标题(项目名称)查询项目详细信息列表。唯一的问题是,项目需要有唯一的名称
var siteUrl = '/sites/MySiteCollection';
function retrieveListItems() {
var clientContext = new SP.ClientContext(siteUrl);
var oList = clientContext.get_web().get_lists().getByTitle('Announcements');
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml('<View><Query><Where><Geq><FieldRef Name=\'ID\'/>' +
'<Value Type=\'Number\'>1</Value></Geq></Where></Query><RowLimit>10</RowLimit></View>');
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
}
function onQuerySucceeded(sender, args) {
var listItemInfo = '';
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
listItemInfo += '\nID: ' + oListItem.get_id() +
'\nTitle: ' + oListItem.get_item('Title') +
'\nBody: ' + oListItem.get_item('Body');
}
alert(listItemInfo.toString());
}
function onQueryFailed(sender, args) {
alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}
太棒了,谢谢你!我假设在retrieveListItems方法下,“siteUrl”变量应该用实际的URL填充?此外,此代码需要在标记中还是在脚本编辑器中独立?它可以在scrpt标记中,也可以在脚本编辑器Web部件中。这取决于你。如果有帮助的话,请别忘了标上答案。
$("myDIV_ID").update("My text");