React everytime a reactive variable changes (Components API)

[MatthiasEckhart]

Hello,
is it possible to run a function (client-side) every time a user performs a search?

[matteodem]

Hello Matthias

As of now there's no documented way to do this. I'll most likely change the way of calling the API and this will be reflected in the documentation then.

Right now you can do it like this: https://github.com/matteodem/starthacking/blob/master/client/modules/searchbar/searchbar.js#L5

[matteodem]

I'll keep this open until there's a "real API" for it.

[MatthiasEckhart]

Hello,
thank you for your help! I have to update an instance, every time the search output changes. Also for "Loading…", "Search for players" and "No results found!". I already tried it with the solution you provided and with Meteor keyup events, but I didn't get the desired results, because the instance is in a stale state, until the next user input. Do you have a solution for this issue?

<template name="searchTpl">
    <div class="search-input">
        {{> esInput index="players" placeholder="Search..." }}
    </div>

    {{#ifEsInputIsEmpty index="players"}}
        <div>Search for players</div>
    {{/ifEsInputIsEmpty}}

    {{#ifEsIsSearching index="players"}}
        <div>Loading...</div>
    {{else}}
        <div class="results-wrapper">
            {{#esEach index="players"}}
                {{> player}}
            {{/esEach}}
        </div>
    {{/ifEsIsSearching}}

    {{#ifEsHasNoResults index="players"}}
        <div class="no-results">No results found!</div>
    {{/ifEsHasNoResults}}
</template>

Thanks in advance.

[matteodem]

hello there, this is how I implemented it: https://github.com/matteodem/meteor-easy-search#component-events.

I'll shortly add a list of possible "events" to react on. Please re-open if you have any other problems regarding this problem.