Здравствуйте, я использую nativescript vue dataform
https://docs.nativescript.org/vuejs/ns-ui/DataForm/dataform-editors-providers
как в этой ссылке, и я получил этот код, как показано ниже.
Вы можете видеть, где находится displayName свойство, к которому я хочу добавить fonticon вроде -? чтобы открыть всплывающую подсказку, щелкните, когда пользователь хочет получить информацию.
есть ли возможность разместить здесь иконку / ярлык с реф?
export default {
data () {
return {
mainTabMetadata: {
'isReadOnly': false,
'commitMode': 'OnLostFocus',
'validationMode': 'Immediate',
'propertyAnnotations':
[
{
"name": "m_actualHP",
"displayName": "HP actual value" <Label ref="tooltip" v-else class="icon red fa bigger-fa" :text="'fa-times-circle' | fonticon" />,
"index": 0,
"editor": "Number"
},
{
"name": "m_refreshHP",
"displayName": "Refreshing",
"index": 1,
"editor": "Number"
},
{
"name": "m_actualMP",
"displayName": "MP actual value",
"index": 2,
"editor": "Number"
},
{
"name": "m_refreshMP",
"displayName": "Refreshing",
"index": 3,
"editor": "Number"
},
],
},
}
}
}
Теперь у меня вот такая кнопка
<Button text="Get Json Data" ref="tooltip" @tap="onLoaded" class="btn btn-primary m-t-20"></Button>
и в методе onLoaded метод для запуска всплывающей подсказки. так есть ли возможность разместить метку в метаданных?
Возможно, можно назначить всплывающую подсказку для определенного поля для раддатаформ, где name = "m_actualHP". Могу ли я заставить его работать?
methods: {
onLoaded: function(args) {
const ToolTip = require("nativescript-tooltip").ToolTip;
const tip = new ToolTip(args.object, {
text: "Some Text",
backgroundColor: "pink",
textColor: "black"
});
tip.show();
}
Нахожу, что могу получить объект раддаты, подобный этому
let property = data.object.getPropertyByName(data.propertyName);
и затем при включении имени свойства создайте всплывающую подсказку с различными текстами.
if (property.name == "m_actualHP"){
console.log("m_actualHP");
const ToolTip = require("nativescript-tooltip").ToolTip;
const tip = new ToolTip(data.object, {
text: "Some Text",
backgroundColor: "pink",
textColor: "black"
});
tip.show();
}
но это будет отображаться только тогда, когда кто-то поместит какое-либо значение в текстовое поле.
Есть ли возможность сделать сенсорное событие для рададатаформ или что-то в этом роде? определить фокус на поле и затем отобразить всплывающую подсказку?