用JS在表中显示sharepoint列表行

Display a sharepoint list row in a table with JS

本文关键字:sharepoint 列表 显示 JS      更新时间:2023-09-26

我有一个sharpoint列表,一行包含项目信息。projectnumberProjectNameProjectAdmin合同等等......我想在teamsite中将其显示为一个漂亮的表。我认为这是通过显示模板或Javascript完成的。我尝试了这段代码,但是对于自定义字段,它返回undefined请帮. .

(function () {
var itemCtx = {};
itemCtx.Templates = {};
    itemCtx.Templates.Header = "<div><b></b></div><table>";
    itemCtx.Templates.Item = ItemOverrideFun;
    itemCtx.Templates.Footer = "</table>";
itemCtx.ListTemplateType = 100;
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(itemCtx);
})();

function ItemOverrideFun(ctx) {
var var_prnummer = ctx.CurrentItem.Prosjektnummer;
var var_prnavn = ctx.CurrentItem.Prosjektnavn;
var var_prleder = ctx.CurrentItem.Prosjektleder;
var var_endret = ctx.CurrentItem.Endret

return "<tr style='background-color: #AEE33B;width: 300px;height: 24px;'><td>Prosjektnummer</td><td>" 
+ var_prnummer + "</td></tr>"
+ "<tr><td>Prosjektnavn</td><td>" + var_prnavn + "</td></tr>"
+ "<tr><td>Prosjektleder</td><td>" + var_prleder + "</td></tr>"
+ "<tr><td>Endret</td><td>" + var_endret + "</td></tr>"
"</span>";
}

截图。https://1drv.ms/i/s !Ao_2YX-U1uKUlsxL93IYeHEgIV5ZfA

看一下javascript对象模型JSOM。这就是你需要的:

https://msdn.microsoft.com/en-us/library/office/jj163201.aspx BasicOps_SPListItemTasks