@mintjamsinc/vue-filterable-selection

vue-filterable-selection

A reusable FilterableSelection component for Vue.js 2.x used by webtop applications.

Installation

npm install --save-dev @mintjamsinc/vue-filterable-selection

Usage

<FilterableSelection
  ref="groups"
  :multiple="true"
  :hasSearch="true"
  maxLabelWidth="10em"
  :class="{'invalid': isDirty && $validator.hasErrors('editor', 'groups')}"
  v-hook="{inserted: onGroupsLoad}"/>

import FilterableSelection from '@mintjamsinc/vue-filterable-selection';

export default {
  components: {
    FilterableSelection,
  },
  methods: {
    onGroupsLoad() {
      // let ui = vm.$refs.groups.ui;
      // ui.getIdentifier = function(o) {};
      // ui.getAuthorizable = function(o) {};
      // ui.getItem = function(o) {};
      // ui.getIcon = function(o) {};
      // ui.getLabel = function(o) {};
      // ui.comparator = function(a, b) {};
      // ui.isMatched = function(o) {};
      // ui.onChanged = function() {};
      // ui.onSearch = function() {};
      // ui.objects = ...
      // ui.selection = ...
      // ui.filterText = '';
      // ui.expanded = true;
    },
  },
}

License

MIT

Copyright (c) 2021 MintJams Inc.