Как использовать плагин nativescript-ui-dataform в vue-nativescript?

Я попытался использовать плагин nativescript-ui-dataform в vue-nativescript. Но я могу использовать компонент RadDataForm, но не могу получить его правильно при использовании EntityProperty. Вот мой код:

// main.js
import {RadDataForm, EntityProperty} from 'nativescript-ui-dataform'
Vue.registerElement('RadDataForm', ()=>  RadDataForm)
Vue.registerElement('EntityProperty', ()=> EntityProperty)

// mycomponent.vue :
<template>
  <Page>
   <FlexboxLayout class="page">
    <StackLayout>
      <RadDataForm :source="member">
        <EntityProperty   name="salut" displayName="Salut" index="0" 
          valuesProvider="Mr., Mrs.">
        </EntityProperty>
        <EntityProperty   name="first_name" displayName="First Name" 
         index="1">
        </EntityProperty>
      </RadDataForm>
    </StackLayout> 
   </FlexboxLayout>
  </Page>
<template>

<script>
export default {
data() {
    return {
        membertemp: {salut: '', first_name: 'John',last_name: 'Doe'},
    }
},
computed: {
    member () {
    return this.membertemp
  },
},

}
</script>

Форма данных отображается, но свойство displayName не работает, first_name отображается как First_name не как «Имя».

Любой может помочь реализовать этот плагин в vue-nativescript? Заранее спасибо.

vue.js,nativescript-telerik-ui,nativescript-vue,

0

Ответов: 0

Как использовать плагин nativescript-ui-dataform в vue-nativescript?

Я попытался использовать плагин nativescript-ui-dataform в vue-nativescript. Но я могу использовать компонент RadDataForm, но не могу получить его правильно при использовании EntityProperty. Вот мой код:

// main.js
import {RadDataForm, EntityProperty} from 'nativescript-ui-dataform'
Vue.registerElement('RadDataForm', ()=>  RadDataForm)
Vue.registerElement('EntityProperty', ()=> EntityProperty)

// mycomponent.vue :
<template>
  <Page>
   <FlexboxLayout class="page">
    <StackLayout>
      <RadDataForm :source="member">
        <EntityProperty   name="salut" displayName="Salut" index="0" 
          valuesProvider="Mr., Mrs.">
        </EntityProperty>
        <EntityProperty   name="first_name" displayName="First Name" 
         index="1">
        </EntityProperty>
      </RadDataForm>
    </StackLayout> 
   </FlexboxLayout>
  </Page>
<template>

<script>
export default {
data() {
    return {
        membertemp: {salut: '', first_name: 'John',last_name: 'Doe'},
    }
},
computed: {
    member () {
    return this.membertemp
  },
},

}
</script>

Форма данных отображается, но свойство displayName не работает, first_name отображается как First_name не как «Имя».

Любой может помочь реализовать этот плагин в vue-nativescript? Заранее спасибо.

00vue.js, nativescript-Telerik щ, nativescript-вю,
Похожие вопросы
Яндекс.Метрика