I'm using Autosuggest for one of my table column.The issue is when i use keyboard Up arrow or down arrow,instead of mouse for selecting the values,it is not selecting the values in the autosuggest popup but Its making a row selection in the table. I was looking for a work around for this. Do you have any insights or suggestions. environment Adf 11g R2.
First it is needed to press F2 for disable cell navigation mode. Then user need to press the up / down / left or right key for select value from the lists
Related
How could I implement an add row functionality for MUI's Table, sg like in MS Word, when you hover over a row and on the side a little plus icon appears and you can insert a row in that position?
I would also have to somehow connect it to react-hook-form's fieldarray.
I was wondering if it's even possible to add such a feature for MUI or it would be wiser to create it from the ground up using native html tags.
I am using material-UI autocomplete for a project that involves rendering a dynamic array based on what you select from the menu. I am finished with the project and now trying to implement multi-select to make choosing things from the menu easier. When you have everything you want from the menu, you click an "Add" button that takes everything you currently have selected and adds it to a table (and adds the properly formatted text into a query on the side, the goal is to build queries for users without them worrying about syntax). When I was not using multiselect, and only adding one thing at a time to the query, I was easily able to clear the autocomplete field by changing the value prop to null. This prevents users from adding the same fields to the query over and over (when add is clicked the options that were added are popped from the list of options). When using multi the rules seem to change and now changing value directly causes an error. My question is, does anyone know of a way to programattically click the x button built in to material-ui autocomplete fields to clear that text field in an event handler? Or is there any reliable way of clearing that on my end?
Objective:
This is data driven approach. I am trying to get data from sheet to be entered in table in a web application. Now in the table there are fields as below:
Textfield (To enter name), Datatype drop-down (To select data type), Length field(to enter the length), Status field (Isactive or not)
Now here there is a dynamic logic as for only “String” datatype the “Length” field would appear else in default table “Length” field/column is not shown because for other data types there is static length value provided.
Now when automating I am getting data in sequence from sheet and setting that in table. Switching over the fields is done by using “Tab” mechanism.
Issue:
The only issue in this whole process is that while selecting “String” data-type from drop-down and after that tab is applied. At this point the “Length” field is supposed to appear for which data can be entered from the sheet but here at only tabbing/loosing focus from one field to another is not revealing the hidden “Length” field.
And at this point automation gets stuck up. Manually selecting the drop-down shows the “Length” field but when same is done manually using tab, the “Length” field does not show up.
It would be of really great help if anyone can please suggest on above issue.
Hoping to hear soon from someone. Thanks for your efforts in advance.
Manually selecting the drop-down shows the “Length” field but when
same is done manually using tab, the “Length” field does not show up.
Seems selenium isn't setting focus to the same object/element that you are. How are you using selenium to tab between fields? Do you have to tab to this element, or can you have selenium select it directly? Also, it would help us if you shared the selenium code and html.
I've built a simple master - detail form consisting of a form for the master element and table for the details.
In the toolbar of panel collection around the table I placed a CreateInsert button which ads a row to the table. My problem is that I this row is invisible until after I move my cursor over to the table and scroll down. Then it appears.
Before that a small scrollbar appear after pressing the button which can't be pressed.
Related to this is the problem when I press the delete button in the details, the table gets cut in half. I suspect these two problems are related.
This is my table:
This is after I press CreateInsert. The table should add another row below this one, and it does, but it is not visible until after I scroll. This happens only for the first row.
I am using JDeveloper 12c with Oracle ADF Fusion Web Applications.
This is a late answer I know , but try to programmatically refresh the PanelCollection and its container.
AdfFacesContext.getCurrentInstance()
.addPartialTarget (getThePanelCollection());
AdfFacesContext.getCurrentInstance()
.addPartialTarget (getThePanelCollectioncontainerLayout());
I tried this myself and it solved the problem after trying many other solutions.
Did u check with the Size.?
Try giving Styles for Table and Panel Collection "StyleClass=AFStretchWidth"
Add Execute in binding side of the jspx page for the particular table
Add invoke action for the execute in executables
Change the properties to render model in refresh condition of the invoke action
It will automatically make the master table to trigger the new values
Thanks
I am using ui-grid v3.0.0-rc.22 in my application.
I use selection features of it and everything work fine, but i want to use selection using mouse drag.
Is it possible to select multiple row using mouse drag.
Any help greatly appreciated.
I don't think this is possible. You can select multiple rows by holding CTRL+Shift and then left-clicking on the first and last rows of the interval of rows you want to select.