Back to Questions
1.8k
views1
comment
Updating the contents of a 'div'
websharperf#

I'm not quite sure how to go about this, I have the data (urls and titles) of a list of images that are randomly picked from a pool, and I'm trying to update a div with new image elements. While the particular one I'm working on is fixed length, there will be others that aren't, so I'm trying to go about this like I would with JQuery:
$('id').html(newContext);

The utility function I have so far is:

1
2
3
4
5

    let getRandomHand k =
        async {
            let! tileViewModels = Remoting.randomHandRequest ()
            return k tileViewModels 
        } |> Async.Start

Which gives me a the list of view models, each containing the strings for Src and Title.
And I have a (basic) function building the pagelet:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

    let Main () =
        /// div element to store hand images
        let hand = Div [ Attr.Class "row" ] 
        Div [ Attr.Class "container-fluid"] 
            -< [
                hand
                Button [Text "Draw A Hand"]
                |>! OnClick (fun element eventArgs ->  
                    
                    let foldFunc tileImages (viewModel: TileViewModel) =
                        let newImage = Img [Attr.Src viewModel.imageFilename; 
                                            Attr.Title viewModel.imageTitle]
                        newImage::tileImages

                    getRandomHand (fun vmList -> 
                        let imageElements = (List.fold foldFunc [] vmList)
                        // what goes here?   
                     ))
               ]

I feel like I'm missing something here. Am I going about the wrong way?

.

You can Clear the hand and then Append the elements:

1
2
3
4
5
6

                getRandomHand (fun vmList -> 
                    let imageElements = (List.fold foldFunc [] vmList)
                    hand.Clear()
                    imageElements |> List.iter (fun e -> hand.Append(e))
                    // or equivalently: for e in imageElements do hand.Append(e)
                 ))
By on 9/8/2014 2:17 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper