# Input field/ Search Field

**URL:** <https://forum.inductiveautomation.com/t/input-field-search-field/108511>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 15, 2025, 5:59pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511 "2025-07-15T17:59:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![chaerrydairy](https://avatars.discourse-cdn.com/v4/letter/c/35a633/32.png) [@chaerrydairy](https://forum.inductiveautomation.com/u/chaerrydairy)\
**Post date:** [July 15, 2025, 5:59pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/1 "2025-07-15T17:59:37Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/a/8a760ad485df90e631c6b3a1c23dbc7bc9066db9.png)

So I have this view (sorry for the mess). When you click on a row on the table, the input fields on the right populate themselves. But now I want to be able to input/ choose a dropdown on the right input fields and the table to filter accordingly. What are the easiest ways to do so.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 15, 2025, 6:26pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/2 "2025-07-15T18:26:11Z")

</div>

Bind the table's `filter.text` to the dropdown's `value` property with a property binding.

If you want to save future you some trouble then do it this way.

- On the view, create `custom.tableFilter`.
- On the dropdown create a property binding on `value` and point it to `view.custom.tableFilter`. Set it to 'bidirectional` so that the dropdown can write to the custom property.
- Now bind the table's `filter.text` to the custom property.

This method avoids all the getChild / getSibling syntax which breaks when you move components in and out of containers.

---

<div class="post-metadata">

**Author:** ![chaerrydairy](https://avatars.discourse-cdn.com/v4/letter/c/35a633/32.png) [@chaerrydairy](https://forum.inductiveautomation.com/u/chaerrydairy)\
**Post date:** [July 15, 2025, 6:40pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/3 "2025-07-15T18:40:29Z")

</div>

I want the filter to work on all the input fields, maybe not all at the same time. Will this be able to do so?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 15, 2025, 7:16pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/4 "2025-07-15T19:16:14Z")

</div>

You're kind of changing the question here.

It sounds like you should use the dropdown values as parameters in the query that's populating the table. In other words, reload the table every time a dropdown selection changes.  
The dropdowns can have their option lists populated by queries to find each unique instance in the columns.

Are you aware that the table has built in column filtering? Each column's filter can set up separately. Start with `columns.0.filter.enabled : true`.

---

<div class="post-metadata">

**Author:** ![chaerrydairy](https://avatars.discourse-cdn.com/v4/letter/c/35a633/32.png) [@chaerrydairy](https://forum.inductiveautomation.com/u/chaerrydairy)\
**Post date:** [July 15, 2025, 7:19pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/5 "2025-07-15T19:19:50Z")

</div>

Yes, I am aware of the built in column filtering.

I think using them as parameters would be a good idea. But I also need to figure out some things on the design end from the requirements as I am also unclear on whether my stakeholders want a display of AssetDetails or a input field.

I think this topic is solved though, so thank you for your help!

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 15, 2025, 7:23pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/6 "2025-07-15T19:23:53Z")

</div>

Don't forget to add a Filter reset button with an event script to clear all the filters (which will trigger a table binding refresh).

---

<div class="post-metadata">

**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\
**Post date:** [July 15, 2025, 7:25pm UTC](https://forum.inductiveautomation.com/t/input-field-search-field/108511/7 "2025-07-15T19:25:29Z")

</div>

> [@Transistor](#):
>
> Filter reset

TIL about the kbd tag.
