1.7k
views6
comments

0 score	+
	-

Help with OnAfterRender

Hello! The following code does not execute on the client side.

<body>
    <h1>Welcome!</h1>
    <div ws-replace="Paragraph"></div>
    <button ws-onclick="ClickMe">${ClickText}</button>
    <script ws-replace="scripts"></script>
</body>

type Index = Templating.Template<"Main.html", ClientLoad.FromDocument>

[<JavaScript>]
module Client =
    open WebSharper.JavaScript

    let Startup() =
        Index()
            .ClickMe(fun _ -> JS.Alert "Clicked!")
            .ClickText("Click me!")
            .Bind()

module Site =
    open WebSharper.UI.Html

    let HomePage ctx =
        Content.Page(
            Index()
                .Paragraph(p [] [text "Welcome to my site."])
                .Elt(keepUnfilled = true)
                .OnAfterRender(fun _ -> Client.Startup())
        )

The result (without error in browser console) looks like:

Code on GutHub Please tell me where I was wrong. Thanks!

.Reply

It looks like Client.Startup() never fires. Manually firing it from the JS console makes the page light up, so clearly something is not right. Let me dig into this deeper, @tarmil/@jand42 any idea what's going on here?

By Adam Granicz on 10/21/2018 2:37 PM (permalink)Reply

The doc after render has

<html lang="en" ws-runafterrender="WebSharper4.Site.HomePage$32$31()">

If in browser console make the call then all done!

(WebSharper4.Site.HomePage$32$31())();

The function itself does not call, but only declares. Maybe this will help you!

By WebSharper User on 10/22/2018 7:53 AM (permalink)Reply

You can follow the issue here on GitHub: https://github.com/dotnet-websharper/ui/issues/198

By Loïc Denuzière on 10/24/2018 3:01 AM (permalink)Reply

Update after that WebSharper project templates please for

dotnet new -I WebSharper.Templates

By WebSharper User on 10/24/2018 4:59 AM (permalink)Reply

Are you also getting an error saying something like this?

Uncaught TypeError: Arrays.get(...) is not a constructor

That's what happens for me.

Interestingly, it works fine if there is also a call to the client <@ ... @> function elsewhere in the same page, so my guess is that there's a missing runtime dependency somewhere, which client happens to also fulfill. Hopefully I should be able to fix this quickly. In the meantime you can try to put client <@ Doc.Empty @> somewhere in your page as a workaround.

By Loïc Denuzière on 10/24/2018 2:27 AM (permalink)Reply

Thank! It would be great. OnAfterRender is a useful feature.

By WebSharper User on 10/22/2018 3:29 AM (permalink)Reply