以下拉格式显示Sharepoint列表数据
Display Sharepoint list data in Dropdown format
我正在调用Sharepoint URL(GET)并检索列信息。我在列表中有列名,如名字(如Donald)、姓氏等。现在我必须加入名字&姓氏(Donald Duck),并以下拉列表的形式显示。我正在编写以下代码以获得shareopint响应(XML):
$.ajax({
type: "GET",
beforeSend: function(xhr) { xhr.setRequestHeader('Authorization', 'Basic ' + btoa(username + ":" + password)); },
url: calURL,
crossDomain: true,
//dataType: "xml",
//cache: false,
processData: false,
xhrFields: {
withCredentials: true
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
document.getElementById("demo").innerHTML = "Got stuck";
},
success: function(xml) {
var xmlArr = [];
var html_text = null;
alert($(xml).find('entry').text());
$(xml).find('entry').each(function(){
var title = $(this).find('title').text();
var firstName = $(this).find('First Name').text();
var familyName = $(this).find('Family Name').text();
var fullName = title + firstName + familyName;
});
},
});
但是,以上内容并不是从响应中读取值。以及如何将其转换为HTML页面中的下拉列表?谢谢
您尚未提供SharePoint响应XML,但您想要的信息很可能在行元素attributes
中,而不是在其text
内容中。此外,这个xml中的每个元素都有一个应该被引用的名称空间。
示例XML:
<xml xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns:rs="urn:schemas-microsoft-com:rowset"
xmlns:z="#RowsetSchema">
<s:Schema id="RowsetSchema">
<s:ElementType name="row">
<s:AttributeType name="CustomerID" rs:number="1" rs:keycolumn="true">
<s:datatype dt:type="int" dt:maxLength="4"/>
</s:AttributeType>
<s:AttributeType name="Title" rs:number="2">
<s:datatype dt:type="string" dt:maxLength="5" />
</s:AttributeType>
<s:AttributeType name="FirstName" rs:number="3">
<s:datatype dt:type="string" dt:maxLength="15" />
</s:AttributeType>
<s:AttributeType name="LastName" rs:number="4">
<s:datatype dt:type="string" dt:maxLength="15"/>
</s:AttributeType>
</s:ElementType>
</s:Schema>
<rs:data>
<z:row CustomerID="123" Title="Mr." FirstName="Donald" LastName="Duck"/>
<z:row CustomerID="456" Title="Mrs." FirstName="Minney" LastName="Mouse"/>
<z:row CustomerID="789" Title="Mr." FirstName="Stuart" LastName="Little"/>
</rs:data>
</xml>
如果您的响应XML类似于上面的内容,请将ajax成功处理程序更改为
success: function(xml) {
$("rs'':data", xml).find("z'':row").each(function() {
var id = $(this).attr('CustomerID');
var title = $(this).attr('Title');
var firstName = $(this).attr('FirstName');
var lastName = $(this).attr('LastName');
var fullName = title + firstName + lastName;
// Add this as an option to <select id="customers"> dropdown list
var option = '<option value="' + id + '">' + fullName + '</option>';
$("#customers").append(option);
});
}
相关文章:
- 如何将 Javascript 应用于分组的 SharePoint 列表
- 如何从sharepoint列表中使用javascript显式加载列
- 使用基于值的jQuery代码更改SharePoint列表字段颜色
- 将 SharePoint 列表数据转换为 HTML
- 提取 SharePoint 列表中的所有项目
- 使用 JavaScript 检索多个 SharePoint 列表
- 如何使用 javascript 在 SharePoint 列表中批量创建项目
- 从 SharePoint 列表列获取超链接
- 使用 Javascript 无限制地查询 SharePoint 列表项
- 使用 JavaScript 和 REST 从 SharePoint 列表中删除项目
- 将 Excel 数据导入到 SharePoint 列表中的查找列
- 如何将文本框追加到复选框列表项,该复选框列表项来自选择列表项的 SharePoint 列表
- 在 SharePoint 列表“新建项”页中创建动态查阅列
- 动态创建选择元素并从 SharePoint 列表填充选项
- 如何使用java脚本和jquery从sharepoint列表中获取数据
- 对Sharepoint列表列应用类型验证
- 使用Sharepoint列表值时未显示JS警报
- 需要帮助使用SharePoint列表和PSServices将其他系列添加到Highcharts图中
- 尝试使用SharePoint列表和Highcharts在图表上放置点
- 比较SharePoint列表中的两个int列