两位数字未在nativescript标签中显示

时间:2018-02-23 14:23:36

标签: javascript xml user-interface observable nativescript

我的UI出现了奇怪的问题。我的手机中有条形码扫描器,所以我正在扫描条形码并将其存储到可观察的阵列中(这样工作正常)。我也有一个标签,我显示数组的长度。 每次添加新项目时,标签文本都会按照数组的长度进行更改,但一旦长度增加到10,它就会停止在UI中显示。

XML

      <Label length="4" text="{{ qty }}" />

的Javascript

      var qty = dockReceive.wayBills.length
      dockReceive.set("qty",qty);

模型类dockReceive

var observableModule = require("data/observable");
var observableArrayModule = require("data/observable-array");

function DockReceive(info) {
 info = info || {};
console.log("in dock receive");

var viewModel = new observableModule.fromObject({

 wayBills: info.wayBills || new observableArrayModule.ObservableArray(),
 qty: info.qty || 00,
  }); 
  return viewModel;
  }
   module.exports = DockReceive;

请帮我找出解决这个奇怪问题的方法。

1 个答案:

答案 0 :(得分:0)

奇怪,但这是我的解决方案。我添加了标签的宽度属性

       <StackLayout orientation="horizontal" row="3" column="0" id="wbcount" visibility="hidden">
       <Label text="Received Waybill(s) :  " width="55%" /><Label text="{{rwbqty}}" width="40%" />
       </StackLayout>