Ajax Loop Photos

-
function GetPhotos() {
    var row = "<div class='w3-container w3-row-padding'>";
    var itemcount = 0;
    $.ajax({
        url: '/Photos/PhotoList',
        type: 'GET',
        contentType: 'application/json',
        data: "{}",
        dataType: "json",
        success: function (data) {
            var count = Object.keys(data).length;
           // var row = "";
            

            $.each(data, function (item) {
               
            
                if (itemcount % 6 != 0) {
                    row += "<div class='w3-left w3-padding-16'><div class='w3-container w3-center' style='width: 150px;'><img class='w3-round-xlarge' alt='"+ itemcount +"' onclick=" + "if(event.shiftKey){document.getElementById('dispImage')" + ".src='" + data[item].photoSrc + "';" + "document.getElementById('id01')" + ".style.display='block';}else{if(event.ctrlKey||event.metaKey){$(this).toggleClass('csam');}else{$(this).toggleClass('rev');}}" + " id='" + data[item].photoId + "' src=" + data[item].photoSrc + " data-src=" + data[item].photoSrc + " style='width: 100px;' /></div></div>";

                }
                if (itemcount % 6 == 0) {
                    row += "</div>";
                    row += "<div class='w3-container w3-row-padding'>";
                    row += "<div class='w3-left w3-padding-16'><div class='w3-container w3-center' style='width: 150px;'><img class='w3-round-xlarge' alt='" + itemcount + "' onclick=" + "if(event.shiftKey){document.getElementById('dispImage')" + ".src='" + data[item].photoSrc + "';" + "document.getElementById('id01')" + ".style.display='block';}else{if(event.ctrlKey||event.metaKey){$(this).toggleClass('csam');}else{$(this).toggleClass('rev');}}" + " id='" + data[item].photoId + "' src=" + data[item].photoSrc + " data-src=" + data[item].photoSrc + " style='width: 100px;' /></div></div>";

                }
                itemcount++;
              
            });
            row += "</div>";
            $("#photos").html(row + " itemcount=" + itemcount);


        },
        error: function (result) {
            alert("Error");
        }

Comments

Post a Comment

Popular posts from this blog

Linq Exclude from separate list

-
 var urlList = new List<DisplayAssets>();    var assetsToExclude = (from a in db.DisplayAssets                 join h in db.Hardware_Assets on a.id equals h.displayId                 where h.assetId == hardwareid                 select a.id); var allAssets = db.DisplayAssets; var urls = allAssets.Where(x => !assetsToExclude.Contains(x.id));         urlList = urls.Select(a => new DisplayAssets()         {             locaterAddress  = a.locaterAddress,             assetType = a.assetType,             id = a.id         })         .ToList();
Read more

Sorting Ascending and Descending

-
Toggling the direction of your datagrid sort is easy using a session to remember which direction you sorted last.   You will want to declare an empty string in the top of your page       Dim SortField As String Then on your sort command add this logic - Example of entire command Private Sub dgTaskExceptions_SortCommand( ByVal source As Object , ByVal e As System.Web.UI.WebControls.DataGridSortCommandEventArgs) Handles dgTaskExceptions.SortCommand     SortField = e.SortExpression If Session( "toggle" ) = True Then SortField += " DESC" Session( "toggle" ) = False Else SortField += " Asc" Session( "toggle" ) = True End If Dim orderstring As String = SortField 'REBIND dgTaskExceptions.DataSource = POTracking_Data.tracking.getSampleTasks(orderstring) dgTaskExceptions.DataBind() End Sub   In my datalayer I add this logic to my query and pass in an OPTIONAL value Dim orderbyString As String = String .Empt
Read more

Linq Query Syntax vs Method Syntax

-
Referenced from MSDN: https://msdn.microsoft.com/en-us/library/bb397947.aspx Query syntax: IEnumerable<int> numQuery1 =               from num in numbers             where num % 2 == 0             orderby num             select num; Method syntax:         IEnumerable<int> numQuery2 = numbers.Where(num => num % 2 == 0).OrderBy(n => n)
Read more