B4J Library [BANano] Kendo UI Core - Wrapper

alwaysbusy · Feb 28, 2019

Waw! You did it!

You showed me a preview a couple of weeks ago and I was already very impressed. Good (huge) job!

Roberto P. · Feb 28, 2019

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

Can you publish the source code? thank

luc-dev · Mar 3, 2019

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!

Kiffi · Mar 3, 2019

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

Quick installation guide:

Extract the files in Library.zip into the Additional Files folder.
Extract the files in BANanoKendoUIDemo.zip into a folder of your choice and start B4J with BANanoKendoUIDemo.b4j.
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

alwaysbusy · Mar 3, 2019

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

korshkov · Mar 8, 2019

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"

Kiffi · Mar 8, 2019

It seems like it's the same problem as here: https://www.b4x.com/android/forum/threads/banano-nw-js-wrapper.102371/#post-643983

Did you copy the library to the additional libraries folder?

RWK · Mar 8, 2019

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

Grüße
Rainer

Kiffi · Mar 8, 2019

RWK said:
but there are no kendo libraries source code to recompile...

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.

korshkov · Mar 9, 2019

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.

Kiffi · Mar 9, 2019

korshkov said:
Error is not changed.

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

korshkov · Mar 9, 2019

THANKS! Problem resolved!

joulongleu · Mar 14, 2019

Hi:

Kiffi The BANanoKendoUI example is very popular, can you add BANanoKendoDataSource new, update, delete examples?

Kiffi · Mar 14, 2019

joulongleu said:
can you add BANanoKendoDataSource new, update, delete examples?

yes, of course! Give me a little time. I will get back to you as soon as possible.

Kiffi · Mar 14, 2019

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:

B4X:

Dim myDataSource As BANanoKendoDataSource
myDataSource.Initialize(Me, "myDataSource")

Now you can add any objects in the form of a map to the DataSource:

B4X:

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:

B4X:

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

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:

B4X:

myDataSource.Add(CreateMap("name": "Jill Doe", "age": "55"))

You can also remove items from the DataSource

B4X:

myDataSource.RemoveAt(1) ' removes John

You can update DataSource items as follows:

B4X:

Dim Jill As BANanoKendoDataSourceItem
Jill.Initialize(myDataSource.At(1))
Jill.Set("age", 44)

New items can also be inserted at certain positions:

B4X:

myDataSource.Insert(0, CreateMap("name": "Jock Doe", "age": "99")) ' Insert Jock at index 0

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

B4X:

Dim SortMap As Map = CreateMap("field": "age", "dir": "asc")
myDataSource.Sort = SortMap

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

Greetings ... Peter

Michael1968 · Mar 14, 2019

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

Building C:\inetpub\wwwroot\BANano\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...
ERROR 22: [DialogDemo,initialize, around line: 18] kendo(GLOBALMYCLASSVAR) is not supported in BANano!
--> KendpenConsole
--> Current index: 1
--> Var : B4JName: kendo, JSName: _kendo ,ISPRIVATE: true,B4JTYPE: kendo, IsArray: false, InitValue: /* NOT SUPPORTED */
--> Method : ---- METHOD: initialize (MODULE: DialogDemo, ISPRIVATE: false) ----
B4J DECLARE:
LINE NUMBER: 14
ORIGINAL LINE: Public Sub Initialize
CLEANED LINE: public sub initialize
WORDS: public|sub|initialize|
INTERNAL VARS:
RETURNS: B4JTYPE: string, IsArray: false, InitValue: ''
------------------------------
ERROR 22: [DialogDemo,initialize, around line: 29] bananokendodialog(GLOBALMYCLASSVAR) is not supported in BANano!
--> Dialog1.Actions = Actions
--> Current index: 1
--> Var : B4JName: dialog1, JSName: _dialog1 ,ISPRIVATE: true,B4JTYPE: bananokendodialog, IsArray: false, InitValue: /* NOT SUPPORTED */

best regards
Michael

Kiffi · Mar 14, 2019

strange... i'm on it.

joulongleu · Mar 14, 2019

waw,The example is very good and clear,Thank You very much.

Ilya G. · Mar 21, 2019

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!
--> Kend

penConsole

.....

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

B4J Library [BANano] Kendo UI Core - Wrapper

Attachments

alwaysbusy

Expert

Roberto P.

Well-Known Member

luc-dev

Member

Kiffi

Well-Known Member

alwaysbusy

Expert

korshkov

Member

Kiffi

Well-Known Member

RWK

Member

Kiffi

Well-Known Member

korshkov

Member

Kiffi

Well-Known Member

korshkov

Member

joulongleu

Active Member

Kiffi

Well-Known Member

Kiffi

Well-Known Member

Michael1968

Active Member

Kiffi

Well-Known Member

joulongleu

Active Member

Ilya G.

Active Member