View difference between Paste ID: <a href="/UynR3w4X">UynR3w4X</a> and <a href="/Ug5FK023">Ug5FK023</a>

View difference between Paste ID: UynR3w4X and Ug5FK023

SHOW: | | - or go back to the newest paste.

<template>
  <dx-select-box ref="obat" v-model="testSearch" />
</template>

<script>
import CustomStore from 'devextreme/data/custom_store'
import axiosIns from '@libs/axios'

export default {
  computed: {
    obatSelectBox() {
      return this.$refs['obat'] && this.$refs['obat'].instance
    },
    obatSelectBoxDataSource() {
      return new CustomStore({
        key: 'id',
        loadMode: 'processed',
        byKey: (key) => {

        },
        load: (loadOptions) => {
          console.log('loadOptions', loadOptions);

          return axiosIns.get('/v1/farmasi/service_reference/pharmacy_items?patient_checkin_id=1&type=big&search='+loadOptions.searchValue).then(response => {
            if (response.status !== 200) {
              throw Error(response.statusText);
            }
            
            return response.data.data;
          }).catch(() => {
            throw 'Network error'
          });
        }
      });
    }
  },
  mounted() {
    this.initComponent()
  },
  data() {
    return {
      
    };
  },
  methods: {
    initComponent() {
      const vm = this

      vm.obatSelectBox.option({
        hoverStateEnabled: false,
        elementAttr: { class: 'w-full' },
        dataSource: vm.obatSelectBoxDataSource,
        valueExpr: "id",
        displayExpr: "name",
        searchEnabled: true,
        showClearButton: false,
        showDropDownButton: true,
        showDataBeforeSearch: false,
        onValueChanged: function(e) {
          console.log('onValueChanged', e);
        },
      })
    },
  }
};
</script>


1		<template>
2		<dx-select-box ref="obat" v-model="testSearch" />
3		</template>
4
5		<script>
6		import CustomStore from 'devextreme/data/custom_store'
7		import axiosIns from '@libs/axios'
8
9		export default {
10		computed: {
11		obatSelectBox() {
12		return this.$refs['obat'] && this.$refs['obat'].instance
13		},
14		obatSelectBoxDataSource() {
15		return new CustomStore({
16		key: 'id',
17		loadMode: 'processed',
18		byKey: (key) => {
19
20		},
21		load: (loadOptions) => {
22		console.log('loadOptions', loadOptions);
23
24		return axiosIns.get('/v1/farmasi/service_reference/pharmacy_items?patient_checkin_id=1&type=big&search='+loadOptions.searchValue).then(response => {
25		if (response.status !== 200) {
26		throw Error(response.statusText);
27		}
28
29		return response.data.data;
30		}).catch(() => {
31		throw 'Network error'
32		});
33		}
34		});
35		}
36		},
37		mounted() {
38		this.initComponent()
39		},
40		data() {
41		return {
42
43		};
44		},
45		methods: {
46		initComponent() {
47		const vm = this
48
49		vm.obatSelectBox.option({
50		hoverStateEnabled: false,
51		elementAttr: { class: 'w-full' },
52		dataSource: vm.obatSelectBoxDataSource,
53		valueExpr: "id",
54		displayExpr: "name",
55		searchEnabled: true,
56		showClearButton: false,
57		showDropDownButton: true,
58		showDataBeforeSearch: false,
59		onValueChanged: function(e) {
60		console.log('onValueChanged', e);
61		},
62		})
63		},
64		}
65		};
66		</script>
67