B4J Library [BANano] Kendo UI Core - Wrapper

Discussion in 'B4J Libraries & Classes' started by Kiffi, Feb 28, 2019.

  1. Kiffi

    Kiffi Active Member Licensed User

    Hello,

    i would like to present my first version of a BANano wrapper for Kendo UI Core.

    You can see a demo version here: http://banano.tuebben.de/kendoui/demo/

    What is Kendo UI Core?

    Kendo UI is a library that provides some powerful and nicely designed controls. Besides the paid full version there is a free core version which does not include some controls (like the grid, scheduler, charts, etc.).

    Here is an overview of the available controls in the core version: https://github.com/telerik/kendo-ui-core

    Please note:

    Currently the wrapper has the status of a 'proof of concept'.
    Not all controls have been implemented yet.
    And the already implemented controls do not yet support all properties and methods.
    The documentation still needs some work.

    For this reason only the brave and fearless would be able to work with the library at the moment. ;)

    If you are interested, I can publish the library and a demo code.

    Greetings ... Peter

    // Edit (03.03.2019 16:00): I have now added the required files to this posting.

    Quick installation guide:
    1. Extract the files in Library.zip into the Additional Files folder.
    2. Extract the files in BANanoKendoUIDemo.zip into a folder of your choice and start B4J with BANanoKendoUIDemo.b4j.
    3. Adjust the path in BANano.Build() according to your needs.
    // Edit (14.03.2019 15:45): The library has been updated to version 0.14
     

    Attached Files:

    Last edited: Mar 14, 2019 at 2:45 PM
  2. alwaysbusy

    alwaysbusy Expert Licensed User

    Waw! You did it! :) You showed me a preview a couple of weeks ago and I was already very impressed. Good (huge) job!
     
  3. Roberto P.

    Roberto P. Well-Known Member Licensed User

    I like the the Ui library, for me it's the best UI library.

    Can you publish the source code? thank
     
    joulongleu likes this.
  4. luc-dev

    luc-dev Member Licensed User

    This in very impressing. I am looking for a way to move a window application to the web and ABMaterial / BANano could be a great solution!

    Thanks for all the work done on those frameworks and for this KendoUI wrapping demo.

    I will love to have a look at a source code example too!
     
    joulongleu likes this.
  5. Kiffi

    Kiffi Active Member Licensed User

    I have now added the required files to my first posting.

    Quick installation guide:
    1. Extract the files in Library.zip into the Additional Files folder.
    2. Extract the files in BANanoKendoUIDemo.zip into a folder of your choice and start B4J with BANanoKendoUIDemo.b4j.
    3. Adjust the path in BANano.Build() according to your needs.

    I will publish some sample codes in the near future.

    Feel free to post questions, suggestions or bug reports in this thread.

    Greetings ... Peter
     
  6. alwaysbusy

    alwaysbusy Expert Licensed User

    Added them to the BANano library list. Thank you for sharing!
     
  7. korshkov

    korshkov Member Licensed User

    How resolve problem with this errors on Log then compiling demo?
    "java.lang.UnsupportedClassVersionError: b4j/example/kendo has been compiled by a more recent version of the Java Runtime (class file version 53.0), this version of the Java Runtime only recognizes class file versions up to 52.0"
     
  8. Kiffi

    Kiffi Active Member Licensed User

    joulongleu likes this.
  9. RWK

    RWK Member Licensed User

    Hmmm...
    but there are no kendo libraries source code to recompile...

    Grüße
    Rainer
     
  10. Kiffi

    Kiffi Active Member Licensed User

    Michael1968, who posted the same error message as korshkov, solved the problem by moving the library from the internal library folder to the additional library folder. Maybe this solves korshkov's problem.
     
    joulongleu likes this.
  11. korshkov

    korshkov Member Licensed User

    I try all variants for place:
    1. Delete from internal library and move to Additional
    2. Use in Internal
    3. Use in Additional

    Error is not changed.
     
  12. Kiffi

    Kiffi Active Member Licensed User

    please try again with the attached zip.

    // Edit: The attached ZIP has been removed. The current version of the library can be found in the first posting of this thread
     
    Last edited: Mar 14, 2019 at 7:20 PM
    korshkov and joulongleu like this.
  13. korshkov

    korshkov Member Licensed User

    THANKS! Problem resolved!
     
    joulongleu and Kiffi like this.
  14. joulongleu

    joulongleu Member

    Hi::)Kiffi The BANanoKendoUI example is very popular, can you add BANanoKendoDataSource new, update, delete examples?:)
     
  15. Kiffi

    Kiffi Active Member Licensed User

    yes, of course! Give me a little time. I will get back to you as soon as possible.
     
    joulongleu and alwaysbusy like this.
  16. Kiffi

    Kiffi Active Member Licensed User


    Note: For this tutorial you need at least version 0.14 of the BANanoKendo library, which you can download in the first article of this thread.


    Tutorial: BANanoKendoDataSource (Part 1)


    The BANanoKendoDataSource is a central data management component. It serves the data for many BANanoKendo components (such as Listbox, ListView, ComboBox, etc.).

    The DataSource is created and initialized as follows:

    Code:
    Dim myDataSource As BANanoKendoDataSource
    myDataSource.Initialize(Me, 
    "myDataSource")
    Now you can add any objects in the form of a map to the DataSource:

    Code:
    myDataSource.Add(CreateMap("name""Jane Doe""age""30"))
    myDataSource.Add(CreateMap(
    "name""John Doe""age""33"))
    For example, you can use a list box to see which data is now available in the DataSource:

    Code:
    Dim myListbox As BANanoKendoListbox
    myListbox.Initialize(Me, 
    "myListBox""myListBox")
    myListbox.AddToParent(
    "body")
    myListbox.DataSource = myDataSource
    myListbox.Template = 
    "#:name# is #:age# years old"
    [​IMG]

    Please note: To change the content of the list box, you only need to change the underlying DataSource!

    Here we add another item to the DataSource:

    Code:
    myDataSource.Add(CreateMap("name""Jill Doe""age""55"))
    [​IMG]

    You can also remove items from the DataSource

    Code:
    myDataSource.RemoveAt(1' removes John
    [​IMG]

    You can update DataSource items as follows:

    Code:
    Dim Jill As BANanoKendoDataSourceItem
    Jill.Initialize(myDataSource.At(
    1))
    Jill.Set(
    "age"44)
    [​IMG]

    New items can also be inserted at certain positions:

    Code:
    myDataSource.Insert(0, CreateMap("name""Jock Doe""age""99")) ' Insert Jock at index 0
    [​IMG]

    The items of a DataSource can also be sorted. Here we sort by age in ascending order:

    Code:
    Dim SortMap As Map = CreateMap("field""age""dir""asc")
    myDataSource.Sort = SortMap
    [​IMG]

    That's it for now. The KendoDataSource is very powerful. In further tutorials I go into further functionalities.

    Greetings ... Peter
     
    Mashiane, Erel, joulongleu and 2 others like this.
  17. Michael1968

    Michael1968 Active Member Licensed User

    Hi Kiffi,
    compiling the KendoUIDemo i get the this Error Messages:
    Banano V2.33
    BAnanoKendoUI V0.14

    best regards
    Michael
     
    joulongleu likes this.
  18. Kiffi

    Kiffi Active Member Licensed User

    strange... i'm on it.
     
    joulongleu likes this.
  19. joulongleu

    joulongleu Member

    waw,The example is very good and clear,Thank You very much.
     
    Mashiane likes this.
Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice