Nativescript Observable.propertyChangeEvent

Question

フィールドに顧客の書式設定を作成しようとしています（マスクされたテキストボックス機能を再現するため）。

私はobservableを持っており、私はpropertyChangeイベントをキャプチャしています。私の質問は：無限ループに入ることなく、イベントハンドラ内で観測されたプロパティの値を変更できますか？ここで

は私のコードです：

model.customer.addEventListener(Observable.propertyChangeEvent, function(data) { 
 
\t if (data.propertyName.toString() === 'homePhone') { 
 
     //Here is where I would like to change the value without triggering the event again 
 
     //The below code does not seem to be working 
 
\t data.value = formatPhone(data.value); 
 
\t } 
 
});

私はhttps://github.com/bthurlow/nativescript-maskedinputを見て、残念ながら、このモジュールは、データバインディングをサポートしていません。

ありがとうございます。あなたの助けに感謝。

Answer 1

サンプルアプリケーションでnativescript-maskedinputをテストしましたが、このカスタムビューのテキストプロパティをバインドできました。 addEventListenerを追加して、たとえばTextFieldのテキストプロパティを手動で更新したい場合は、そのプロパティが正しく更新されないと思います。さらに、私はいくつかのサンプルコードを添付しています。 メインpage.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:mi="nativescript-maskedinput" navigatingTo="navigatingTo"> 
    <StackLayout> 
    <Label text="Tap the button" class="title"/> 
    <mi:MaskedInput mask="1-999-999-9999? x999" hint="1-555-555-5555" text="{{ masktext }}" placeholder="#" /> 

    <Button text="tapToView" tap="onTap" /> 
    </StackLayout> 
</Page> 

メインpage.js

var observable_1 = require("data/observable"); // Event handler for Page "navigatingTo" event attached in main-page.xml 
var newObservable = new observable_1.Observable(); 
function navigatingTo(args) { 
    // Get the event sender 
    var page = args.object; 
    newObservable.set('masktext', ''); 

    page.bindingContext = newObservable; 
} 
exports.navigatingTo = navigatingTo; 
function onTap(args) { 
    var newvalue = newObservable.get('masktext'); 
    console.log('newValueget + ' + newvalue); 
    } 
exports.onTap = onTap; 

Answer 2

私はゲッターを上書きすることが可能であるかどうかわからないのですが、それが不可能な場合は、この操作を行うことができます。

function isPhoneFormatted(phone) { 
 
//your algorithm wich return true or false 
 
} 
 

 
model.customer.addEventListener(Observable.propertyChangeEvent, function(data) { 
 
\t if (data.propertyName.toString() === 'homePhone') { 
 
     //Here is where I would like to change the value without triggering the event again 
 
     //The below code does not seem to be working 
 
\t if (!isPhoneFormatted(data.value)) { 
 
\t data.value = formatPhone(data.value); 
 
\t } 
 
\t } 
 
});

ことに注意してくださいそれは十分にテストされていません！