Question

我需要帮助搜索带有更多参数的流星集合。我正在使用搜索查询和过滤器来查看集合中的某些对象。问题是我希望客户端加载整个集合，然后反应性地更改用户看到的内容，但只更改订阅，而不是再次调用服务器。现在搜索查询+一个过滤器正常工作，但只有每次有变化时我都会调用服务器。现在在下面的代码中，您可以看到我正在使用if else元素，但这不是一个好方法。任何建议都会有所帮助。谢谢。

        Template.jobs.onCreated( function showOnCreate() {
        Meteor.subscribe('Jobs');
        this.searchQuery = new ReactiveVar('');

        this.remoteQuery = new ReactiveVar(false);
        this.typeQuery = new ReactiveVar(false);
    });

    Template.jobs.helpers({
        job: () => {
            query = Template.instance().searchQuery.get();

            remoteQuery = Template.instance().remoteQuery.get();
            typeQuery = Template.instance().typeQuery.get();

            let regex = new RegExp( query, 'i' );
    // **************************
           // the problem starts here
    // **************************
            if (Router.current().params.slug) {
                const companyJobs = Company.findOne({slug: Router.current().params.slug}).jobs;
                if ( companyJobs !== undefined) {

                    return Meteor.subscribe('Jobs', {'_id': { '$in': companyJobs }});
                }
                return false
            } else if (Router.current().params.slug === undefined && remoteQuery === true ) {
                return Job.find({  $or: [ { Name: regex }, { Description: regex }, ]  , Remote: true, positionType: [],});
            } else if (typeQuery = '') {
            return Job.find({  $or: [ { Name: regex }, { Description: regex }, ] , positionType: typeQuery, });
        },
// -------*****************************

        employer: () => {
            if (Router.current().params.slug === undefined) {
                Meteor.subscribe('Companies');
                return 'Poslodavac: ' + Company.findOne({_id: Template.currentData().CompanyId}).Name;
            }
            return false
        },

        jobUrl: () => {
            Meteor.subscribe('Companies');
            companySlug = Company.findOne({_id: Template.currentData().CompanyId}).slug;
            return ('/company/' + companySlug + '/job/' );
        }
    });

Template.jobs.events({ 
    'click .positionType': (event, templateInstance) => {
        if (Template.instance().remoteQuery.get().lenght > 1){
            Template.instance().typeQuery.set(Template.instance().remoteQuery.get().push(event.target.value));
            console.log(Template.instance().remoteQuery.get())
        } else {
            console.log(Template.instance().remoteQuery.get())
            console.log('ggggggg')
            Template.instance().typeQuery.set(event.target.value);
        }
    },
    'click #remoteFriendly': (event, templateInstance) => {
        Template.instance().remoteQuery.set(!Template.instance().remoteQuery.get());
    },

});

带过滤器的Html tempalte：

    <template name="jobs" >

    <div>
        <p>Filteri:</p>

        <span>
            <input type="checkbox" id="remoteFriendly" name="remote"> <span for="remoteFriendly"> Remote friendly? </span>
        </span>

        <span>
            <p>Tip pozicije:</p>
            <input type="checkbox" class="positionType" id="1" value="Programiranje" > <span for="1"> Programiranje </span>
            <input type="checkbox" class="positionType" id="2" value="Dizajn" > <span for="2"> Dizajn </span>
            <input type="checkbox" class="positionType" id="3" value="Marketing" > <span for="3"> Marketing </span>
            <input type="checkbox" class="positionType" id="4" value="Ostalo" > <span for="4"> Ostalo </span>
        </span>
    </div>

    {{#each job}}
        <div style="border: 0.1rem solid black; margin: 1cm; padding: 5px; max-width: 420px;" > <!-- OVO JE PRIVREMENI STIL, OBRISATI-->
            <p> Posao: {{Name}} <br> Opis: {{Description}}</p>
            <p> {{employer}} </p>
            <p>Remote friendly?: {{Remote}}</p>
            <p>Tip pozicije: {{positionType}}</p>
            <p> Saznajte vise <a href="{{jobUrl}}{{_id}}"> OVDE</a></p>
        </div>    
    {{/each}}
    <p id="nesto"></p>
</template>

Answer 1

欢迎来到SO！

您似乎在Pub / Sub和Collection.find之间感到困惑。

你应该首先意识到2是不同的机制，它们提供不同的功能。

Pub / Sub确实将数据从您的服务器发送到客户端的 Minimongo 数据库。但是这些数据还没有显示出来。
Collection.find在您的服务器上用于实际的MongoDB，在您的客户端上用于您当地的Minimongo数据库。

因此，在您的客户端上，一旦您正确订阅了服务器发布（通常是应用级别或模板级别/ onCreated挂钩），您就可以直接在助手（或任何地方）中呼叫Jobs.find否则）获取您的文档，而无需更改订阅（除非后者需要新参数）。

您的评论代码应该没有任何问题：

return Job.find({'_id': { '$in': companyJobs }});

一般情况下，避免在助手（例如Meteor.subscribe）中进行任何昂贵的计算，因为助手可能会多次执行而不会注意到它。您的Meteor.subscribe('Companies')也应该转到模板级别（即onCreated挂钩）。

因此，您只需在模板级别执行一次，而不是在帮助程序中执行if / else条件。为了说明您需要使用另一个集合中另一个文档的值，为什么不直接将公司的slug作为参数传递给您的Jobs订阅，并执行计算服务器端？或者甚至只是订阅所有内容，因为您当前的初始订阅似乎也是如此。

然后你的助手只会使用Jobs.find来查询你客户的本地minimongo数据库，让你的服务器不受打扰。

如何使用更多参数在流星中搜索集合

1 个答案: