zoukankan      html  css  js  c++  java
  • Display number of replies in disscussion board

    how to display number of replies in disscussion board

    I have a require about display the replies' number in disscussion board, finish it via jQuery.

    First, get the number of the replies of each items via client object model,

    then store the number into array.

    at last, show it in page via jQuery .

    here is the code.

    <script type="text/javascript">
    		
          $(document).ready(function(){
               
                         ExecuteOrDelayUntilScriptLoaded(retrieveListItems, "SP.js");
    	});
    	
    function retrieveListItems() {
    
        var clientContext = new SP.ClientContext.get_current();  
        var oList = clientContext.get_web().get_lists().getByTitle('Dis1');
            
        var camlQuery = new SP.CamlQuery();
        camlQuery.set_viewXml('<View><Query>' +
        	'<OrderBy>'+
      		'<FieldRef Name="DiscussionLastUpdated" Ascending="False"></FieldRef>'+
    		'</OrderBy>'+
                                       '</Query><RowLimit>20</RowLimit></View>');
    
        this.collListItem = oList.getItems(camlQuery, 'Include(ItemChildCount)');
            
        clientContext.load(collListItem);
            
        clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));        
            
    }
    
    function onQuerySucceeded(sender, args) {
    	
    	var arr = new Array();
    	var listItemInfo = '';
        var listItemEnumerator = collListItem.getEnumerator();
        arr.length = 0;
        while (listItemEnumerator.moveNext()) {
            var oListItem = listItemEnumerator.get_current();
            listItemInfo = oListItem.get_item('ItemChildCount');
            arr.push(listItemInfo);
        }
        
        $('#forum0-PostList>li').each(function(index){
    	 		$(this).find('div.ms-comm-postMainContainer').css({"float":"left", "width":"90%"});
    	 		var arrValue = arr.shift()
    	 		$(this).find('div.ms-comm-postMainContainer').after("<div class = 'div_showNumber' style = 'float:left;font-size:20px;10%;background-color:gray;color:white;30px;height:30px;text-align:center;'>" + arrValue + "</div>");
    	});
    	
    
     }
    
    function onQueryFailed(sender, args) {
    
        alert('Request failed. ' + args.get_message() + '
    ' + args.get_stackTrace());
    }
    	
    	
    </script>
      


     

  • 相关阅读:
    前端/html5效果收藏
    Fiddler 网页采集抓包利器
    Es6 类class的关键 super、static、constructor、new.target
    js 倒计时毫秒级别显示
    雅虎34条军规
    javascript 异步请求封装成同步请求
    微信小程序 base64图片在canvas上画图
    chrome inspect 远程调试H5
    webpack 打包调试
    微信小程序云函数 添加数据到数据库
  • 原文地址:https://www.cnblogs.com/riskyer/p/3343295.html
Copyright © 2011-2022 走看看