Unable to use multi-select and its giving error about reactivesearch HOT 10 OPEN

It seems something is wrong with dataField type in MultiList. Use role.keyword instead of role and see if the error goes away. Also you should use search-box instead of data-search in v3. Refer migration guide for other changes.

Also can you check by removing sortOptions key passed to ReactiveList, so we can just know the root cause if above doesn't work.

from reactivesearch.

on searching also, I am getting same error

<search-box
    placeholder="Search Registrants..."
    className="appbase-search"
    :innerClass="{
      list: 'search-bar-list'
    }"
    queryFormat="and"
    filterLabel="Search"
    componentId="SearchUsers"
    :dataField="['full_name']"
  />

from reactivesearch.

@deepak-sisodiya Based on the error message, the references for the use of the email field for either sorting or aggregations on the searchResults componentId. The code snippet you've shared looks fine to me, as I see that you're using email.keyword there. Perhaps narrow it down further based on the error message you see. You can try removing the component in question or sortOptions values to see if they help.

And for the searching use-case error, can you share the exact error message?

from reactivesearch.

@SavvyShah @siddharthlatest Thanks for the reply. I switched to other things in between.
today I checked it.

Here is the update.

1. I removed sortOptions from ReactiveList , searching and filter for each column starts working now.
2. I replaced the data-search with search-box, missed it while doing migration.

New issues

1. we do not have sorting UI now. If we have sortOptions again, other things do not work.
2. following code is not working for refresh list - this issues is not due to removing sortOptions,

refreshList: throttle(function () {
      const datalist = this.$refs.datalist;

      if (datalist) {
        this.setLoadingRegistration(true);
        if (!this.columns?.length) {
          this.fetchColumns();
        }
        const currentPage = datalist.$el.__vue__.currentPageState;
        datalist.$el.__vue__.setPage(currentPage + 1);

        setTimeout(() => {
          datalist.$el.__vue__.setPage(currentPage);
          this.setLoadingRegistration(false);
        }, 100);
      } else {
        LogRocket.info('Could not refresh by page change because reactivebase was not found!');
      }
    }, 2000),

error is - Cannot read properties of undefined (reading 'currentPageState').

Please help @SavvyShah @siddharthlatest

from reactivesearch.

@deepak-sisodiya Thanks for the update, glad to see that you got the search UI working.

On the new issues, would you be able to reproduce these two issues with one of our public demos?

from reactivesearch.

@siddharthlatest where is public demo link?

from reactivesearch.

@siddharthlatest @SavvyShah I have refresh button outside of table, how can I set the setPage, is there any way for it.

from reactivesearch.

on refresh, I want to set page to 1

from reactivesearch.

@deepak-sisodiya For the public demo, you can use this: https://codesandbox.io/s/github/appbaseio/vue-quick-start/tree/step-5/?from-embed (It has searchbox and reactive list). See if you can reproduce the issue by including sort options and the page operation

from reactivesearch.

@siddharthlatest

1. we do not have sorting UI now. If we have sortOptions again, other things do not work.
   this is fixed by removing dataField and passing sortOptions

2. following code is not working for refresh list
   I changed the logic for it, seems working

thanks

from reactivesearch.