Skip to content

06 v_list

Concept

  • large list of items
  • search and select

Jak to działa:

  • 1.Przekazujemy obiekt
  • 2.Przekazujemy url
  • 3.Generuje sie url do wywolania srs
  • 4.Wywołuje srs
  • 5.Zwraca się obiekt z danymi @selected-event w modalu

Props

Required:

  • url { type: String, required: true },
  • params { type: Object, required: true, default: {} }, wszystkie queryparametry
    • params.query - default text for input
    • params.xxxx - other properties

Optional:

  • width { type: String, default: "90wv" }
  • isDisabled { type: Boolean, default: false }
  • type: { type: String, default: 'input' } - for future use
  • placeholder { type: String, default: '🔎' }
  • required { type: Boolean, default: false }
  • tabindex { type: Number, default: "0" }
  • minlength { type: Number, default: 0 } - minimum required characters
  • inputclass { type: String, default: 'list-focus-handler' }, //important for focus see v_create_orderline
  • clear { type: Object, default: null } - clear object

Events

  • @updated - on select item
  • @close - on close

Examples

HTML
1
2
3
4
5
6
7
8
<v_list placeholder="Wprowadź kod" 
 url='/api/srs/992/run'
 :params="{
 'pscope' : 'list',
 'dictionary' : 'items-for-order',
 'firmID' : order.firmID, 
 'query':system.query}"
@updated="item.propertyName = $event[0].propertyName"></v_list>