Back to Questions
1.0k
views4
comments
WebSharper.Forms submit with a async call
websharperasyncwebsharper.forms

What is the recommanded way to make async calls on submit and handle success/error in WebSharper.Forms?

I have looked at all the sample available but none of them look very practical to me as all of them are synchronous and use Form.Run.

For the moment I am using Form.MapAsync and Form.Map:

1
2
3
4
5
6
7
8
9
10
11

Form.Return (fun user pwd -> user, pwd)
<*> (Form.Yield "" |> Validation.IsNotEmpty "Username is required")
<*> (Form.Yield "" |> Validation.IsNotEmpty "Password is required")
|> Form.WithSubmit
|> Form.MapAsync (fun (user, pwd) -> Authentication.login user pwd)
|> Form.Map (
  function 
  | RemoteResult.Success _ -> //handle success
  | RemoteResult.Failure _ -> //handle error
)
|> Form.Render(... some html ....)

Is there a way to add an error to the submitter from the Form.Map?

.

Using MapAsync after WithSubmit is they way to go. If you want to add errors on some conditions you can use MapAsyncResult or MapResult.

By on 1/15/2016 1:58 AM ()

Hi Istvan, thanks for the reply. I can't figure out how to use MapAsyncResult and MapResult. Could you add it on top of the sample I pasted?

I would want to show an error message when the response of the Authentication.login returns a Failure and show a success message when it returns Success.

By on 1/15/2016 2:37 AM ()

Sorry, you actually want to use MapToAsyncResult here, and you need Form.TransmitView too if you want to get the final result as a View<Result<'T>> in the render function. Here's an example.

By on 1/15/2016 2:59 AM ()

Nice thanks, clear and simple.

By on 1/15/2016 3:26 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