selection | API to extract data from HTML and XML documents | Parser library

Video: https://www.screencast.com/t/5UJ0iByZCEE

I have a WPF app, linked to a SQL-server. I am using the MVVM-light package (I do actually have Prism.Core installed, but I'm not sure if I'm using it or not.... new to MVVM).

There's a DataGrid, bound to an ObservableCollection. I have been trying to implement the PropertyChangedEventHandler, but I can't seem to get it to work.

I have a Delete button bound, and I am able to remove rows, but when I re-open the form, the changes does not carry over.

I tried to change the binding-mode for the DataGrid from OneWay to TwoWay. With OneWay, the changes does not carry over when I re-open the form. With TwoWay, I get this error message when opening the child form (which contains the DataGrid):

System.InvalidOperationException: 'A TwoWay or OneWayToSource binding cannot work on the read->only property 'licenseHolders' of type 'Ridel.Hub.ViewModel.LicenseHoldersViewModel'.'

So, If I then add a set; to my public ObservableCollection licenseHolders { get; }, the program runs, but the previous problem persists, like it did when there was a OneWay mode configuration on the DataGrid.

What do I need to do to get this to work without communicating directly with the Sql-server, which would defy the whole point of using this methodology in the first place?

I need to add a class ('open') one frame after the element is entered as with v-enter-to, but I need it to never be removed from the element.

I then need it removed removed when leaving to trigger the closing animation.

Am I using Vue Transition wrong and this is perfectly possible within transition, or is there a way to add/remove the class around the enter/leave functionality?

I have a select2 multi-selection dropdownlist and I am trying to send the "selected to paramters through the Kendo UI dataSource to the controller method to return the specific records.

Here is my .cshtml Razor code:

At first, I was thinking of using a custom policy to achieve this. Basically I'll have a custom claim in the outputclaims that will specify the domain and inside my orchestration I'll have a precondition if it doesn't exist then use email and password step and skip everything but if it exist, then skip the email and password and match it to an idp selection step (if domain == companyX) use CompanyX's IDP (GSuite) or (if domain == companyY) use CompanyY's Idp (AAD). So when the company users gets to the selection page they can only see their IDP and not the others. I'm not sure how scalable that would be though.

The second option I thought was to have one ROPC policy for the normal users and use another policy for IDP selection but this time passing a domain_hint when user attempts to login in. The reason why I would go with ROPC on this option is to give user consistent user experience, normal user sees fields on the page while company user sees a single IDP button that directly sign through the domain_hint directly (Sign-Direct). Essentially having all the UI controlled by me instead of azure.

Example:

• domain_hint=CompanyX - I would have a TechnicalProfile with the domain CompanyX (GSuite)
• domain_hint=CompanyY - I would have a TechnicalProfile with the domain CompanyX (AAD)

Now this approach seem to be more intuitive but now my concern is that since ROPC uses Authorization Flow which contains refresh token while the Idp selection flow uses OpenIdConnect which doesn't contain refresh token (or at least managed by AzureB2C) it would screw up how I manage my tokens.

Is there a better way to implement this situation?

I feel like I'm missing something or I'm misinterpreting something.

Delete the currently selected DataGrid-row using a 'Delete'-button. I've tried a plethora of forum-posts and videos to find a solution. The solution has probably stared me right in the face several times, but at this point I'm more confused than I was when I first started.

Any assistance would be appreciated.

ViewModel (updated with working code, thanks to EldHasp):