Forums
Thread
Dec 18, 2017
How to handle advanced search with dynamic filtering addition using angularjs?
Below is the form for advanced search:
I am able to create url and params for document sections but i am unable to think for a process to handle the "Add Property Restrictions" section as the property can be added till 5 times and it is dynamic in terms of end user.
Like Below:
So i want to handle it in AngularJS with addition/deletion and dynamic changes on the go and also to form the url (GET/POST) to send the whole data for searching to the API for backend.
Thanks in advance!
If I understand properly, you want to pass dynamic data to API to search based on inputs entered by user.
My proposal for solution will be to create a structure of JSON object and pass it to POST method and read that data in your API method.
Example: Create JSON object structure, and fill values in this on Search click event. WhereTheProperty will be array type as you have dynamic values in that, based on rows added by user create array objects.
{ "AllWords": "value1, value2", "ExactPhrase": "value3", "AnyOfThese": "value4,value5", "NoneOfThese": "value6,value7", "ResultType": "AllResults", "WhereTheProperty": [ { "PickProperty": "Property1", "Contains": "ContainValue", "Text": "EnteredTextValue" }, { "PickProperty": "Property2", "Contains": "ContainValue", "Text": "EnteredTextValue" }, { "PickProperty": "Property3", "Contains": "ContainValue", "Text": "EnteredTextValue" } ] }I'll assume that you are using AngularJS custom component for adding dynamic rows, use indexing in those rows to access row data.
I hope this answers your question.