Using a combination of ASP.NET webpage and JavaScript, a dynamic webpage with a repe

Question

Using a combination of ASP.NET webpage and JavaScript, a dynamic webpage with a repe

I am new to using VB and integrating JavaScript. I have a simple question, but I'm having trouble figuring it out for some reason.

I am struggling to properly construct an IF-statement. Can you please help me? I have searched and googled, but have not found a solution that works for me. My code is functioning correctly otherwise. Here is the code I am working with:

<script type="text/javascript">
var markers = [
<asp:Repeater ID="rptMarkers" runat="server">
<ItemTemplate>
{
"title": '<%# Eval("pvm")%>',
"lat": '<%# Eval("lat")%>',
"lng": '<%# Eval("lng")%>',
"icon": '<%# Eval("Ikoni")%>',
"description": "<span style=’font-size:18px;font-weight:bold;><%#Eval("pvm")%> <%# Eval("Otsikko")%></span><hr>" +
"Text: <%# Eval("Nimi")%> <br> Merkki: <%# Eval("Tunniste")%> <br>"+
"<%# Eval("Info")%>"

--> This section should be within an IF-statement; If there is "Photo" information, it should be included, otherwise left out;

+"</div><div><img src=<%# Eval("Photo")%>  height='150'></img></div></div>"

<--

} </ItemTemplate> ...

Please provide me with some guidance on this issue.

javascript asp.net repeater

Answer 1

Answer №1

If you're working with VB, this code snippet might help:

+
<% If (Eval("Photo") <> String.Empty) Then %>
    '</div><div><img src="<%# Eval("Photo")%>"  height='150'></img></div></div>'
<% Else %>
    ''
<% End if %>

UPDATE:

After the above code didn't work, here's a suggestion to simplify things by using a function with the necessary business logic. Here's an example:

Public Function GenerateMapData(pvm As String,
                                lat As String,
                                lng As String,
                                icon As String,
                                description As String,
                                text As String,
                                name As String,
                                identifier As String,
                                information As String,
                                image As String) As String

    Dim mapData As New StringBuilder("{")
    mapData.AppendFormat("""title"": '{0}',{1}", pvm, vbCrLf)
    mapData.AppendFormat("""lat"": '{0}',{1}", lat, vbCrLf)
    mapData.AppendFormat("""lng"": '{0}',{1}", lng, vbCrLf)
    mapData.AppendFormat("""icon"": '{0}'{1}", icon, vbCrLf)
    'insert any additional logic here
    mapData.AppendLine("}")
    Return mapData.ToString

End Function

You can then utilize the function like so:

<asp:Repeater ID="rptMarkers" runat="server" >
    <HeaderTemplate>
        var markers = [
    </HeaderTemplate>
    <ItemTemplate>
        <%# Me.GenerateMapData(Eval("pvm"), Eval("lat"), Eval("lng"), Eval("icon"), Eval("description"), Eval("text"), Eval("name"), Eval("identifier"), Eval("information"), Eval("image")) %>
    </ItemTemplate>
    <FooterTemplate>
        ];
    </FooterTemplate>
</asp:Repeater>

Answer 2

If you're working with VB, this code snippet might help:

+
<% If (Eval("Photo") <> String.Empty) Then %>
    '</div><div><img src="<%# Eval("Photo")%>"  height='150'></img></div></div>'
<% Else %>
    ''
<% End if %>

UPDATE:

After the above code didn't work, here's a suggestion to simplify things by using a function with the necessary business logic. Here's an example:

Public Function GenerateMapData(pvm As String,
                                lat As String,
                                lng As String,
                                icon As String,
                                description As String,
                                text As String,
                                name As String,
                                identifier As String,
                                information As String,
                                image As String) As String

    Dim mapData As New StringBuilder("{")
    mapData.AppendFormat("""title"": '{0}',{1}", pvm, vbCrLf)
    mapData.AppendFormat("""lat"": '{0}',{1}", lat, vbCrLf)
    mapData.AppendFormat("""lng"": '{0}',{1}", lng, vbCrLf)
    mapData.AppendFormat("""icon"": '{0}'{1}", icon, vbCrLf)
    'insert any additional logic here
    mapData.AppendLine("}")
    Return mapData.ToString

End Function

You can then utilize the function like so:

<asp:Repeater ID="rptMarkers" runat="server" >
    <HeaderTemplate>
        var markers = [
    </HeaderTemplate>
    <ItemTemplate>
        <%# Me.GenerateMapData(Eval("pvm"), Eval("lat"), Eval("lng"), Eval("icon"), Eval("description"), Eval("text"), Eval("name"), Eval("identifier"), Eval("information"), Eval("image")) %>
    </ItemTemplate>
    <FooterTemplate>
        ];
    </FooterTemplate>
</asp:Repeater>

Using a combination of ASP.NET webpage and JavaScript, a dynamic webpage with a repe

Answer №1

Similar questions

The utilization of "startIcon" and "endIcon" from the <Button/> API of Material-UI is restricted

Transmitting an email form using AJAX, Bootstrap, and Jquery

Using Javascript to save a numeric value and accessing it on a different webpage

Retrieving localStorage data from another webpage

Creating a dynamic drop-down menu using a single database table in CodeIgniter

The elements within the array are being refreshed accurately, however, a separate component is being removed

Losing a specific characteristic of data occurs when assigning a JavaScript object

Communication between different windows using Chrome

The functionality of my website is currently experiencing difficulties when accessed through the Android UC Browser

Ways to showcase a standalone identifier from iTunes RSS

Tips for importing a .geojson document in TypeScript using webpack?

Experiencing Strange Issues with Jquery Image Carousel... Assistance Needed!

The issue lies in the error code TS2315 which states that the type 'observable' is not a generic

Set the style properties of one class to match the style properties of another class using JavaScript

Using AJAX to Post Data with Relative Path in ASP.NET MVC 5

Switch out the Select feature for Checkboxes

Transferring a JavaScript element's ID to PHP

JavaScript can be utilized to eliminate bootstrap tooltip attributes

Utilizing DateTime Values Binding within ASP.NET WebAPI (4.x Framework)

Are there any jQuery plugins available that animate elements as the page is scrolled?