[Christian]

# 3 months ago

Up

1

Down

::

Hi

as promissed, here the solution (thanks Armin for the inputs):

• Add the jQuery UI library in the “applications” area (screenshot “library”). Import: dependency to UI5 and adding the CSS style
• Using the library in the concrete app (screenshot “include”)
• Create DOM elements and set CSS classes according to jQuery documentation (screenshot “dom”)
• Set element to be draggable in an “onAfterRendering” triggered JS code snippet (screenshot “code”). Important: when selecting the element via its id, use “#”, as well.

Should work 🙂

• This reply was modified 3 months ago by Christian.

Attachments:

You must be logged in to view attached files.

[Christian]

# 3 months ago

Up

0

Down

::

Hi Jennifer

thank you very much for the detailed answer! I guess I will go the route you proposed…

Entity <> EntityStatus (id, labelKey) <> translationTable (labelKey, languageKey, label)

With this approach, everything can stay the same and is done via the WHERE statement, which is the most flexibel approach in my view.

Thank you and best regards

Christian

[Christian]

# 3 months ago

Up

1

Down

::

Hi both

thank you very much for your help! The type binding is very promising 🙂 I will have a closer look at this. You said that it is also possible to have a custom formatter… where would I define this? This information would be a great extension to the knowledge base article… “Use default formatter / create custom formatter”. I guess you have to write a function that can be mentioned in the type binding, but where to define this function?

You are more than welcome regarding the contribution! It is a lot of fun to work with Simplifier and I highly appreciate the always fast and technically sound help, also for support tickets!

Best regards

Christian

 

[Christian]

# 3 months ago

Up

0

Down

::

Hi Armin

cool, thank you, this sounds promising. You say “try” to add -> are you not sure that this is possible :-)? I have checked the docu link you sent me and have some questions:

• The zip file structure has not to follow any convention, correct? Only the developer has to know the zip internal structure to define the correct path when including it via “addScript”
• jQuery core is already included in Simplifier. How can I check if there are any conflicts when I also use jQuery UI? Will I see potential conflicts (function overloading, …) when I upload the JS lib or when I deploy my app?
• If I include the jQuery UI library, this automatically extends the jQuery object with the draggable() function?

However, it is still not working 🙂 I created a ticket in the support center and will post the solution here…

Thank you!

However, it is still not working… I created a support ticket 🙂 When I have the solution I will post it here.

Thank you!

 

[Christian]

# 3 months ago

Up

0

Down

::

Cool, thank you for the fast answer! When I look at https://sapui5.hana.ondemand.com/#/api/jQuery%23methods, only a very small set of jQuery functions is available, is this correct?

I would like to use this: https://jqueryui.com/draggable/#default

For this, I have a Script snippet in my Process Designer:

$(“Screen1–Button1”).draggable();

When I load the page, I get this console error:

Uncaught (in promise) TypeError: $(…).draggable is not a function
at f.onAfterShow (/appDirect/JQueryTest/controller/Screen1-dbg.controller.js?eval:41:26)
at j (/system-library/OpenUI5/1.71.22/resources/sap-ui-core.js:984:230)
at f.d._handleEvent (/system-library/OpenUI5/1.71.22/resources/sap-ui-core.js:984:378)
at f.b.onAfterRendering (/system-library/OpenUI5/1.71.22/resources/sap/m/library-preload.js:3652:511)

[Christian]

# 4 months ago

Up

0

Down

::

Awesome, thank you very much, this helps a lot 🙂

[Christian]

# 4 months ago

Up

0

Down

::

Another question: do I have to configure the three stages D, Q and P on all my stages (log in at Simplifier on D, Q, and P and configure it there separately), or do I just configure the three stages on D and do the rest via the Transporter?

[Christian]

# 4 months ago

Up

0

Down

::

Ok great, thank you!

[Christian]

# 4 months ago

Up

0

Down

::

Hi Dan, thank you for the quick answer. I assumed that moment is rather a heavy weight JS object so I wanted to use a native one, but from a functionality perspective this works 🙂

[Christian]

# 4 months ago

Up

0

Down

::

Hi Dan

I do the formatting now in my data layer, implemented by a server-side business object.

Thank you and best regards

Christian

[Christian]

# 4 months ago

Up

0

Down

::

Hi Armin

thank you very much for the explanation! I implemented a date “translator” in my server-side Business Object that acts as data layer. Here I can translate between ISO 8601 and the standard that is implemented by my RDS.

Best regards

Christian

[Christian]

# 4 months ago

Up

0

Down

::

Hi Dan,

thank you very much! I expected that “e” behaves like in the Java world, i.e. being a regular object. Using the three attributes of e works great, thank you!

Best regards

Christian

[Christian]

# 4 months ago

Up

0

Down

::

Hi Dan

thanks for the answer. The point is: I already mock the data in my server-side business object (SSBO) like this:

var termine = [];

termine.push({
“id”: “11”,
…
“Endtermin”: new Date(“2022-02-28”),
…
});

Thus, I already have a nice date object in my JSON response. Noteworthy, the data structure I sent back to the browser is a collection of “termin structs”, and the termin struct has the field “Endtermin” defined as Date. Formatting the date string in the backend would mean to change this and have the struct field “Endtermin” as a String, right?

Using the DatePicker widget is not possible, since I have a table with several thousands of entries, so I don’t want to have several thousands of DatePicker widgets in my Screen…

What about copying the Text widget and create an own one that formats the String? Would I do this in the “Script” tab of the created widget?

Thank you!

[Christian]

# 4 months ago

Up

1

Down

::

Great, thank you, everything works fine now.

[Christian]

# 4 months ago

Up

0

Down

::

Hi Dan

thank you for the answer. So summarized: I get the user role information only in the backend for security reasons. Thus, I have to implement a logic in the frontend that fetches this information from the backend, right?

Thanks and best regards

Christian