B4J Library [BANano] Kendo UI Core - Wrapper

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

  1. Kiffi

    Kiffi Well-Known 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
    paragkini, inakigarm, amaxco and 15 others like this.
  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 Well-Known 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 Well-Known 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 Well-Known 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 Well-Known 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
    korshkov and joulongleu like this.
  13. korshkov

    korshkov Member Licensed User

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

    joulongleu Active Member

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

    Kiffi Well-Known 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 Well-Known 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)
    (you can find part 2 of this tutorial here)

    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
     
    Last edited: Apr 5, 2019
    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 Well-Known Member Licensed User

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

    joulongleu Active Member

    waw,The example is very good and clear,Thank You very much.
     
    Mashiane likes this.
  20. GanjaKyp

    GanjaKyp Member

    I try to compiling the BANanoKendoUIDemo and get this error too
    Banano V2.34
    BAnanoKendoUI V0.14

    Reading B4J INI in C:\Users\Администратор\AppData\Roaming\Anywhere Software\B4J to find Additional Libraries folder...
    Found Additional Libraries folder: C:\Users\Администратор\YandexDisk\B4X Library\JLibraries
    Building C:\Users\836D~1\YANDEX~1\B4X\!9B6C~1\BANano2.34\DEMO2~1\Objects\BANanoKendoUI\scripts\app.js
    Loading layout comboboxlayout...
    Loading layout progressbarlayout...
    Loading layout sliderlayout...
    Loading layout splitterlayout...
    Loading layout tabstriplayout...
    Loading layout toolbarlayout...
    Loading layout windowlayout...
    Loading layout dateandtimelayout...
    Loading layout dialoglayout...
    Loading layout listboxlayout...
    Loading layout listviewlayout...
    Loading layout mainlayout...
    Loading layout panelbarlayout...
    Loading layout predefineddialogslayout...
    Loading library: C:\Users\Администратор\YandexDisk\B4X Library\JLibraries\bananokendoui.xml
    java.net.MalformedURLException: unknown protocol: c
    at java.net.URL.<init>(URL.java:600)
    at java.net.URL.<init>(URL.java:490)
    at java.net.URL.<init>(URL.java:439)
    at com.sun.org.apache.xerces.internal.impl.XMLEntityManager.setupCurrentEntity(XMLEntityManager.java:620)
    at com.sun.org.apache.xerces.internal.impl.XMLVersionDetector.determineDocVersion(XMLVersionDetector.java:148)
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(XML11Configuration.java:805)
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(XML11Configuration.java:770)
    at com.sun.org.apache.xerces.internal.parsers.XMLParser.parse(XMLParser.java:141)
    at com.sun.org.apache.xerces.internal.parsers.AbstractSAXParser.parse(AbstractSAXParser.java:1213)
    at com.sun.org.apache.xerces.internal.jaxp.SAXParserImpl$JAXPSAXParser.parse(SAXParserImpl.java:643)
    at com.sun.org.apache.xerces.internal.jaxp.SAXParserImpl.parse(SAXParserImpl.java:327)
    at javax.xml.parsers.SAXParser.parse(SAXParser.java:274)
    at com.ab.banano.BANano.a(Unknown Source)
    at com.ab.banano.BANano.b(Unknown Source)
    at com.ab.banano.BANano.a(Unknown Source)
    at com.ab.banano.BANano.Build(Unknown Source)
    at b4j.example.main._appstart(main.java:96)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:498)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:91)
    at anywheresoftware.b4a.BA.raiseEvent(BA.java:78)
    at b4j.example.main.start(main.java:37)
    at com.sun.javafx.application.LauncherImpl.lambda$launchApplication1$162(LauncherImpl.java:863)
    at com.sun.javafx.application.PlatformImpl.lambda$runAndWait$175(PlatformImpl.java:326)
    at com.sun.javafx.application.PlatformImpl.lambda$null$173(PlatformImpl.java:295)
    at java.security.AccessController.doPrivileged(Native Method)
    at com.sun.javafx.application.PlatformImpl.lambda$runLater$174(PlatformImpl.java:294)
    at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:95)
    at com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
    at com.sun.glass.ui.win.WinApplication.lambda$null$148(WinApplication.java:191)
    at java.lang.Thread.run(Thread.java:748)
    Library: C:\Users\Администратор\YandexDisk\B4X Library\JLibraries\bananokendoui.xml is not a BANano library!
    ERROR 22: [DialogDemo,initialize, around line: 18] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    --> Kendo_OpenConsole

    .....

    ERROR 22: [WindowDemo,window1_dragend, around line: 45] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_dragstart, around line: 49] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_error, around line: 53] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_maximize, around line: 57] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_minimize, around line: 61] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_open, around line: 65] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_refresh, around line: 69] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,window1_resize, around line: 73] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,beforeunload, around line: 78] bananokendowindow(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [WindowDemo,beforeunload, around line: 79] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 49] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 51] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 92] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 94] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 95] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 96] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 97] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 98] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 99] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 100] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 101] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 102] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 103] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 104] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 105] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 106] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 107] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 108] bananokendodatasource(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 110] bananokendodropdownlist(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 111] bananokendodropdownlist(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 113] bananokendodropdownlist(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,bananokendoui_ready, around line: 115] bananokendodropdownlist(GLOBALMYCLASSVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,addbuttontosidebar, around line: 125] bananokendobutton(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,addbuttontosidebar, around line: 127] bananokendobutton(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,addbuttontosidebar, around line: 131] bananokendobutton(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,addbuttontosidebar, around line: 137] bananokendobutton(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,sidebarbutton_click, around line: 145] bananokendobutton(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,sidebarbutton_click, around line: 146] bananokendobutton(METHODVAR) is not supported in BANano!
    ERROR 22: [BANanoKendoUIDemo,ddltheme_change, around line: 152] bananokendodropdownlist(GLOBALMYCLASSVAR) is not supported in BANano!
    Copying file from Files to WebApp assets: wallpaper.jpg
    Copying file from Files to WebApp assets: countries.json
    Building C:\Users\836D~1\YANDEX~1\B4X\!9B6C~1\BANano2.34\DEMO2~1\Objects\BANanoKendoUI\index.html
     
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