Filtering getoptionlabel in autocomplete - javascript

I am using reactjs with mui - autocomplete.
For scenario please refer this link -
https://codesandbox.io/s/material-demo-e47oi?file=/demo.tsx
Here I am able to filter optionlabel only based on year.
I want to show only year in autocomplete combo box , but I want to make control enable filtering years also when user is entering title in search. This way I want to implement dual search.
Eg. If user enters "The" in search , it should return all labels with only Year having title "The".
I am only able to filter Year values based on Year entered in search. But unable to filter year if title is entered.

Related

How to have a continuous autocomplete in a text box with other characters/operators between two words?

I am trying to build a formula input text box where as I type into it, it gives me a list of formula metrics, I select it and then add in an operator (+,-,/,...) and then type the name of the second metric and I can select from the list.
For example, in the image below -
As I type For.. it should show me a list of autocomplete suggestions with For prefix.
Then, I enter = sign and no autocomplete is shown.
I type Ma and it shows the list of autocomplete suggestions.
Is there any JavaScript library that does this?

sapui5 sap.ui.unified.Calendar How can we remove the SpecialDate

I have a small requirement in sap.ui.unified.Calendar, I want to remove the selected Special dates from Calendar. I'm trying with multiple options but still, I'm not able to achieve this.
On selection of a particular row, I'm going to call an OData Service and displaying the special dates which got highlighted in the Calendar.
Here my requirement is like if I select the 2 or more records in the table I should not display the special dates and the selected dates should get removed and the calendar should display the dates without any selections
I'm trying with removeStyleClass properties but it is not working. Here is my code.
if(sap.ui.getCore().roomsArr.length > 1){
MessageToast.show("Calendar Dates View will not get displayed for multiple record selections");
var oCal1 = that.getView().byId("myCalendar");
oCal1.removeStyleClass("sapUiCalItemType01");
}
Here i guess like, if i get the selected row Id's then i can remove the style class that is getting violet Background. But im getting dynamic date values so im not able to achieve this. Can someone help me to fix the issue?
Thank you in advance

Update select dropdown list on filtering js-grid data

I want to update the select box list on filtering event of jsgrid.
I read the documentation but there is no such feature for JsGrid.In the fiddle there is a country dropdown which has different countries.
When i give input in Age as 29 it return 2 rows with country as China & Russia.
So on this filtering i want to update the select box list with only China & Russia and on giving blank input or removing all the filter items it should update the dropdown with original countries list.
I had searched a lot ,i didn't find any solution.
Fiddle link -
fiddle

google form - drop down and date option

Hi All Is there any way in google form to achieve the below scenarios.
1) I would like to set the restriction in date field (calendar) for selecting the date. ( I am using date field for selecting date of birth and i want to restrict the field to select between 18 to 30.)
2) I would like to add an other option for a drop down list that would allow the user to fill in his own choice that isn't on the list.
Kindly someone help.

Birt report design validating report parameters while running the report

How to validate the report parameters while running the report in WebViewer. I am using the eclipse to design the reports. I am using the date fields and some select boxes as parameters. But my requirement is - user should not type the date, he should select the date from date picker(jquery UI) and at select boxes I want some kind of validation at server side that is From Category select box should not be greater than To Category select box. I need to do this validation at server side with ajax calls. Is there any way to customize the dialog box to get this functionality or I should design new page to do that and link that report after validation.
I need export functionality also in my page, if i want that how to pass the selected parameters(Export Format, Pages, Auto) to report.
1 Validate Selectbox Parameters
For the validation of your Select Parameters, you could use a Cascading Parameter Group.
First you create a Data Set that is returning the possible values for your "from Category". Then you reate a New Cascading Parameter Group and select Multiple Data Set add a new Paramter(your "from Categroy Prameter") and select the just created Data Set to display.
Close the Parameter group for now, and create a second Data Set that is returning the possible values for your "to Category". Here you can use the Input of your "from Categroy Prameter" form the just created Cascading Parameter Group to limit the results to display.
Now go back to your Cascading Parameter Group and add a second Paramter based on your second Data Set. Make sure both parameters are configured as List Boxes.
If you now select a value for your "from Category" the allowed values for "to Category" will be dynamically updated.
2 Export input parameters for export formats
To export your input parameters simply add them by drag and drop to your Report Page. Parameters can be displayed in every Expression Field with be binding params["parameterName"]. If you just want to display them for a limited kind of Export Formats (e.g. display in .xsl but hide for .html) select the visibility Tab in the Property Editor and select "hide Element" "for specific outputs..." and select the format where you want to hide the field.
3 Datepicker Input
there is no plugin that I know that is providing the Requirement to BIRT out of the box. You can edit the .jsp that is taking the input parameters but here you are on your own. I would prefere to display the Input-Format of a date e.g. dd.MM.yyyy to reduce typo errors.

Categories