Скачать или смотреть The DM's Familiar: NPC Filtering - add more filter criteria for NPCs

This morning, I brought in two more criteria on the NPC Filter: Species and Vocation. The ease at which this happened surprised even me!

Here's the basic summary of my workflow:
1: In my NPC List component, Add the new Filter Criteria to the collection that's passed to the ObjectFilterForm component. Just add them as plain text filters first, to make sure they show up on the screen.
2: Set the inputType to Dropdown for one of them. Run the app, it throws an exception because of the validation code in the FilterField constructor. I knew this would happen, but I did it anyway.
3: I'm already retrieving the lists of Choices elsewhere in the NPC area, so I went and found where I'm doing that, and instead of sending a new call out to the backend, I'm injecting that set of lists into the NPC List component and reusing it there. (Yay, Past Me, thinking of Future Me, who has become Now Me.)
4: Spend some time twiddling around with getting the actual values from that list source into the component.
5: Render the drop-downs, populated with those lists.

Once everything was LOOKING right, I was able to pull the values out of the object that's passed in the OnFilterSubmit call and push those into the Filter object that's sent to the backend, altered the back-end code to include populated filter values, and VOILA!

The NPC Filter feature is ^almost^ done.

That Name box on the filter form accepts free-form text. Before I can push this feature to the live services, I HAVE TO put some validation and sanitation code around that free-form user input. This is non-negotiable for any application that's published to the public internet.

That's for next time, where my buddy Claude and I will work together to get that Filter input made safe. (Claude lives in the sidebar of my IDE. He thinks and knows things...)

Until then, Happy Coding!

-thatDeveloperDad

PS: My ability to continue creating this content comes from the support of Viewers Like You!

https://ko-fi.com/thatdeveloperdad

PPS: Find me on the other places here!
https://linktr.ee/thatdeveloperdad

— Music by Karl Casey @ White Bat Audio

-- Watch live at   / thatdeveloperdad