[Forum FAQ] Show Attachments in SharePoint 2013 Custom List View

转载 2015年07月07日 18:00:51
  • Introduction:

    By default, there is an Attachments column in the SharePoint List, some people want to display attachments name and click name can open the documents in List View. In this article, we would show you the method with REST API, JSLink and jQuery.

    Solution:

    The steps in detail as follows:

    1.        Download the jQuery API  and upload the js file into the SiteAssets Document Library.
    2.        Save the following code as a js file (showAttachments.js) and upload it into the SiteAssets Document Library.
    (function () {
    
        // Create object that have the context information about the field that we want to change it output render  
    
        var attachmentsFiledContext = {};
    
        attachmentsFiledContext.Templates = {};
    
        attachmentsFiledContext.Templates.Fields = {
             
            "Attachments": { "View": AttachmentsFiledTemplate }
        };
    
        SPClientTemplates.TemplateManager.RegisterTemplateOverrides(attachmentsFiledContext);
    
    })();
    
    
    // This function provides the rendering logic for list view 
    function AttachmentsFiledTemplate(ctx) {
        var itemId = ctx.CurrentItem.ID;
        var listName = ctx.ListTitle;       
        return getAttachments(listName, itemId);
    }
    
    //get attachments field properties
    function getAttachments(listName,itemId) {
      
        var url = _spPageContextInfo.webAbsoluteUrl;
        var requestUri = url + "/_api/web/lists/getbytitle('" + listName + "')/items(" + itemId + ")/AttachmentFiles";
        var str = "";
        // execute AJAX request
        $.ajax({
            url: requestUri,
            type: "GET",
            headers: { "ACCEPT": "application/json;odata=verbose" },
            async: false,
            success: function (data) {
                for (var i = 0; i < data.d.results.length; i++) {
                    str += "<a href='" + data.d.results[i].ServerRelativeUrl + "'>" + data.d.results[i].FileName + "</a>";
                    if (i != data.d.results.length - 1) {
                        str += "<br/>";
                    }                
                }          
            },
            error: function (err) {
                //alert(err);
            }
        });
        return str;
    }


    3.     Edit the list view page.

    4.Edit the list web part. Go to Miscellaneous -> JS Link.

    5.    Add the following URL into the JS Link textbox.

    ~site/SiteAssets/jquery-1.11.1.min.js|~site/SiteAssets/showAttachments.js

    Result:<o:p></o:p>


    Please click to vote if the post helps you. This can be beneficial to other community members reading the thread.

彻底搞懂SharePoint List Threshold(列表阈值)

原文链接:点击打开链接
  • shrenk
  • shrenk
  • 2014年09月13日 07:17
  • 2119

SharePoint designer 2013 中新的workflow action(操作)

在SharePoint designer 2013 新增了很多强大的action(操作):   Assign a Task 给一个组或者一个用户分配一个任务,只产生一个任...
  • farawayplace613
  • farawayplace613
  • 2013年03月25日 17:38
  • 3414

SharePoint JS Link 之(五)关于JSLink的一些FAQ

一些关于SharePoint JSLink的常见问题。
  • SPFarm
  • SPFarm
  • 2015年02月09日 17:27
  • 990

SharePoint 2013 平台 创建 Power view Report 共享数据源(RSDS)

SharePoint 2013 平台 创建 Power view Report 共享数据源(RSDS) 由于项目需求,在SharePoint  门户上集成 BI部分,完成了所有Excel Power ...
  • jason_dct
  • jason_dct
  • 2015年05月27日 17:31
  • 1467

SharePoint 对list操作(重新整理)

概要 在sharepoint中的自定义web part会涉及到对list里面的item进行操作,这篇文单将会讲解如何修改list里的item。 我们先看一个示例 /// /// /// ...
  • jason_dct
  • jason_dct
  • 2012年01月11日 10:51
  • 4162

如何从Excel中把数据导入到SharePoint List(Import Excel data to SharePoint List)

SharePoint列表功能强大是众所周知的,但是存在一个缺陷,不能与Excel很好的关联。这应该是SharePoint中缺失的功能。虽然在新建列表时,用户可以选择从电子表单自定义创建,但是编辑列表时...
  • yl_99
  • yl_99
  • 2011年06月16日 16:23
  • 4459

升级到 SharePoint 2013 全策略

升级到 SharePoint 2013 全策略 准备升级 准备您的原始服务器场。确保您已为 Windows SharePoint Services 3.0 或 Office ...
  • jason_dct
  • jason_dct
  • 2015年03月18日 20:55
  • 1087

Sharepoint 中的 Column Type的含义

The type of information in this column is:   Single line of text Multiple lines of text Choice (menu...
  • DJ2008
  • DJ2008
  • 2008年04月24日 16:25
  • 1687

sharepoint 2010 根据当前url获取列表list或者视图view方法

定义一个SPView对象,调用GetViewFromUrl方法。 Request.Url.AbsoluteUri:指的是当前页面的URL地址。 SPView view = SPContext....
  • cxx2325938
  • cxx2325938
  • 2013年03月05日 11:02
  • 15559

sharepoint 查询统计list数据,使用CAML联合datatable方法

需求;根据审批结果,统计上月个人,部门。财务已批准和未批准的综合。各种复杂技术不赘述。       新浪微博   jasondct          ///         /// 计算时间范...
  • jason_dct
  • jason_dct
  • 2013年06月04日 11:02
  • 1433
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Forum FAQ] Show Attachments in SharePoint 2013 Custom List View
举报原因:
原因补充:

(最多只允许输入30个字)