Customizing an Editable Grid widget: changing the behavior of a section of an editable grid from BonitaSOFT - service

I am working on Bonita Open source version of 6.4.2 for my project of end of study and I'm facing a big problem to which I'm not finding any coming.
In fact I have a form with an editable Grid widget in which the user enter some data which will be transported to a DB MySQL, at this stage everything works perfectly.
Besides a new constraint occurred to me: I must populate the boxes of the first column with a list of values from my database so that when a user clicks on this boxes the list scrolls and the value will be picked from this list (the same behavior as the Select widget) but inside a table.

Unfortunately, this cannot be achieved with the Editable Grid widget that is provided out of the box (it only allows basic text input).
To implement the kind of UI you described, you have two possible solutions:
Use Bonita BPM Subscription edition's dynamic form feature. This will allow you to create repeatable groups of widgets representing rows of your table. This solution allows to use any types of widgets with data and validators.
Create a HTML widget that contains a JavaScript UI component inside it such as DataTables. This solution is quite flexible but it requires some good/advanced JS coding skills in order to integrate the custom table, link it with the form data and implement validators.
Cheers,
POZ

Related

Jhipster React Form Grid Layout Issue

I'm currently using the latest version of Jhipster 7.6.0 and Node 16.14.0. If we try to arrange form fields in column view in other words if we wrap ValidatedField to and , the field values are not populated during Edit mode of the page and the same is true for insert mode. The attached link is showing a simple layout change on the existing user management page, and we are trying to see Last Name and First Name in one row, and we are unable to see the value or update the value if we realign these fields in multiple columns views.
Does anyone know a simple workaround we can use ValidatedForm and ValidatedField in Row, Col, and regular CRUD works like with other pages generated by the framework? Please let me know if more clarification or detail is needed on this case.
Layout and code Sample from User Management page

GWT CellTable user controled width

Is there a way, after the construction of the CellTable, to allow the page's user to change the column width?
I am building a celltable where the user can add columns and many of them and i want him/her to have the ability to change the columns width not using a numeric form he has to give me when he constructs the column, but by using the mouse like in regular non web applications.
This is a discussion of this issue, which also includes a proposed solution:
https://code.google.com/p/google-web-toolkit/issues/detail?id=6401

j2me form how to define gui properties

i'm new to j2me. how to set form elements (text field ,text box) width,font,alignment and other Gui related properties.
i tried to find solution for setting form background but no success. can you guide me
Firstly, J2ME is a very limited framework.
As far as I can remember if you are just using an item from the basic javax.microedition.lcdui package there is very limited styling available. It allows you to give directives on how to lay the item out on the screen and what the item's appearance mode will be.
An Item is not responsible for where it is placed and is down to the Screens layout management algorithm to place your item on the Screen. For example, the way Items are laid out on Forms and Lists differ based upon how the layout management works.
You can create your own customs items by extending CustomItem and implementing and overriding various functions to get the desired visual effect. This however is a lot of work
and the end result is not always very pleasing. You could also do the same by extending the Form class and overriding the paint methods to get your disered visual effect.
The best way to have control over form elements is to use one of the Widget like frameworks that exist and are built upon these basic J2ME classes. For example LWUIT and J2ME Polish allow you to style items in a very similar manner and layout Items using a CSS box inspired manner.
Although I have no used LWUIT so cannot vouch for it.

How to open Edit like form using custom data in jqGrid?

I'm using jqGrid on lot of pages, but on some pages, which are not using jqgrid I want to show Edit like form to maintain look and feel consistency.
This thread talks about something similar but those pages have jqgrid table.
Basically, I'm wondering if its possible to open jqGrid add/edit/view form (without defining full table) using my custom row data? Additionally, since these forms are on new pages, I want to show them as a regular form, not in modal.
Edit:
One possibility I see : I can create a dummy table and hide it and generate form but this would open form in a modal, I guess. Last option could be applying jqGrid css to my forms.
Because the form editing in a part of jqGrid I would recommend you, like you already mention in your question, to create a hidden jqGrid to use form editGridRow method. The data of the grid can be filled with respect of data parameter and the grid should has datatype:'local'. At least the structures like colModel, colNames and so on. To be more sure that your code will continue work in the next version of jqGrid creating a hidden grid is better as creating some dummy structures.
So the main question is "How to create add/edit/view form which are not modal?". To do this you can use the following Add/Edit/View options
jqModal:false,
afterShowForm:function(){
$("#lui_"+grid[0].id).hide(); // hide overlay like "#lui_list"
}
where grid is jQuery wrapper of your grid/table: var grid = $("#list").

What are some SWT datagrids/tables?

I need to be able to display some data in Eclipse in a grid/table control... I need things like paging, multiple column sorting, column choosing, etc. There is an SWT Table and the Nebula project has a grid in alpha.
Does what I need exist? 3rd party maybe? Doesn't have to be free, we can pay for the functionality.
I haven't seen those features implemented in a reusable widget that I can think of, they are more application-level features.
Paging:
If you were to use the JFace-type viewers (SWT Table or Nebula Grid both support this style of MVC architecture, as do some others mentioned in this question), it should be possible to implement paging in the content provider, just by setting some custom offset into your dataset and then refreshing the grid.
Multiple Column Sorting:
You can do this, it just needs an implementation of the correct table sorting interface. You get passed two rows to compare, and you can compare whichever columns you like in the sorting algorithm. Again though, the interface for actually choosing which columns to sort is down to you.
Column Choosing:
This requires a grid control with cell selection. Nebula is one, SWT Table isn't. If cell selection is available, this is just a matter of catching the correct selection event (clicking on a header probably) and iterating over your rows to select the correct cells.
There is also a new "rising star" on the widget sky called "nattable 2.0". It is an opensource project and the development team is very responsive. You should take a look at nattable.org ...
You could use the facilities of table presentation offered by the BIRT plugin, that is if you are really advance table layout needs.
(source: theserverside.com)
(otherwise the classic SWT TableViewer offers already some of the feature you are after
(source: richclient2.eu) )