Back to Questions
4.1k
views2
comments
Defining an Ext JS button using the literal fashion
websharperext js

Creating an Ext JS button in a strongly typed fashion works fine but when trying the literal fashion an error of invalid class name or alias is logged to the console. How to fix the code below to render a button?

1
2
3
4
5
6
7
8
9
10
11

    [<JavaScript>]
    let main() =
        Div []
        |>! OnAfterRender (fun _ ->
            Ext.OnReady(fun _ ->
                let config = Object()
                JavaScript.Set config "text" "Click Me"
                JavaScript.Set config "renderTo" <| Ext.GetBody()
                Ext.Create("Ext.button.Button", config)
            ))
.

This indeed seems to be a bug in the current version of the ExtJS binding.

We have an enhanced binding for the latest version of ExtJS (4.2.0) that we are currently testing. I am using it for CloudSharper and your code works fine with it. We will release it with the upcoming WebSharper 2.5; if you want, I can send you a private copy in the meantime to test.

In an unrelated note, there is a facility to create anonymous JavaScript objects:

1
2
3
4
5

let config =
    New [
        "text" => "Click Me"
        "renderTo" => Ext.getBody()
    ]
By on 5/16/2013 3:24 AM ()

Thanks Loïc, I'll wait for the WS 2.5 release.

By on 5/16/2013 3:35 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