This is a migrated thread and some comments may be shown as answers.

RadSocialShare in radlistview with JSON

2 Answers 43 Views

SocialShare

This is a migrated thread and some comments may be shown as answers.

2 Answers, 1 is accepted

Accepted

answered on 08 Oct 2013, 07:58 PM

Thank you for your attention!

My scenario is a list of news with infinite scroll JSON. Necessary that each has its own news RadSocialShare.
On my list I have news event and the image of your RadSocialShare, however the TitleToShare and UrlToShare are equal for all news list.

I'm using this:

<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="True" ValidateRequest="false" CodeFile="Noticias.aspx.cs" Inherits="PROJECTFATEC.Noticias" Culture="auto" UICulture="auto"%>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="<%=PROJECTFATEC.Utility.CurrentSiteLanguage%>">

<head id="Head1" runat="server">

<title>Noticias Fatec</title>

<style type="text/css">

.noticiatitulo

{

font-size:x-large;

width:100%;

text-align:center;

}

.noticatexto

{

position:relative;

width:100%;

}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

var NoticiaInicialPg = 0; // seta a variael inical de pagina

var SoUmaVez = true; //controla redundancia no evento scroll

//**********************************************************************************************

function GetRegistros(){

document.getElementById("ImgRodape").src = "../../Images/AjaxLoaderH.gif";

document.getElementById("ImgRodape").alt = "Carregando...";

document.getElementById("DivLendo").style.display = "block"; //mostra gif rodapé

NoticiaInicialPg = NoticiaInicialPg + 5; //proximas 5 paginas

$.ajax({

type: "POST",

url: "Noticias.aspx/GetNoticias", //faz chamada de metodo no c#

data: '{NoticiaInicialPg: ' + NoticiaInicialPg + '}', //passa paramentro para o metodo

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function (data) {

if (data.d != "") {

OnSuccess(data);

document.getElementById("DivLendo").style.display = "none"; //esconde gif rodapé Lendo

}

else

{

document.getElementById("ImgRodape").src = "../../Images/FimDoArquivo.png";

document.getElementById("ImgRodape").alt = "Fim do Arquivo!";

document.getElementById("DivLendo").style.display = "block"; //mostra gif rodapé

}

SoUmaVez = true;

}

})

};

//****************************************************************************

function OnSuccess(response) {

var xmlDoc = $.parseXML(response.d);

var xml = $(xmlDoc);

var noticias = xml.find("Table");

noticias.each(function () {

var noticia = $(this);

var table = $("#dvNoticias #NewTabela").eq(0).clone(true);

$(".noticiaid", table).html(noticia.find("NOTICIA_ID").text());

$(".noticiadata", table).html(noticia.find("NOTICIA_DATA").text());

$(".redesocialtitulo", table).html(noticia.find("NOTICIA_TITULO").text());

$(".noticiatitulo", table).html(noticia.find("NOTICIA_TITULO").text());

$(".noticatexto", table).html( noticia.find("NOTICIA_TEXTO").text());

$("#dvNoticias").append(table).append("<br/>");

});

}

//*******************************************************************************************************************

$(window).scroll(function () {

if ($(window).scrollTop() >= $(document).height() - $(window).height()) {

if (SoUmaVez == true) {

SoUmaVez = false

GetRegistros();

}

else {

document.getElementById("DivLendo").style.display = "none"; //esconde gif rodapé Lendo

}

});

</script>

</head>

<body style="background-color:White">

<form id="FormNoticiasFatec" runat="server" width="100%">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<div id="dvNoticias" style=

"position:absolute;left:0px;top:0px;bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;right:0px;background-color:#FFFFFF;border-color:#DBD6D6;border-style:Solid;border-width:1px"

>

<telerik:RadListView ID="rptNoticias" runat="server">

<ItemTemplate>

<table id="NewTabela" cellpadding="3" cellspacing="3" width="100%" style="border:1px solid #016282;">

<tr>

<td id="NewRow" style="border: 0px" >

<asp:Label ID="LbNoticias" class="noticiatitulo" Text='<%# Eval("NOTICIA_TITULO") %>' runat="server"></asp:Label>

<telerik:RadSocialShare ID="radSocialMediaKeyTag" runat="server" TitleToShare='<%# Eval("NOTICIA_TITULO") %>' UrlToShare='<%# Eval("NOTICIA_URL") %>'>

<MainButtons>

<telerik:RadSocialButton LabelText="Facebook" SocialNetType="ShareOnFacebook"/>

<telerik:RadSocialButton LabelText="Twitter" SocialNetType="ShareOnTwitter"/>

<telerik:RadSocialButton LabelText="Blogger" SocialNetType="Blogger"/>

<telerik:RadSocialButton LabelText="Mais" SocialNetType="CompactButton"/>

</MainButtons>

</telerik:RadSocialShare><br/><br/>

<div class="textoNoticia">

<asp:Literal ID="LiteralNoticias" runat="server" Text='<%# Eval("NOTICIA_TEXTO")%>'/>

</div>

</td>

</tr>

</table>

<br />

</ItemTemplate>

</telerik:RadListView>

<div id="DivLendo" style=

"-moz-box-shadow: 0px 13px 30px #888;-webkit-box-shadow: 0px 13px 30px #888;box-shadow:0px 13px 30px #888;position:fixed; display:none; bottom:10px; left:44%;"

>

<img id="ImgRodape" src="" alt=""/>

</div>

</form>

</body>

</html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadSocialShare in radlistview with JSON

2 Answers, 1 is accepted