查询后清除搜索框(文本框文本)

时间:2016-03-16 21:58:37

标签: c# visual-studio-lightswitch lightswitch-2012

使用HTML Lightswitch

我正在处理的应用程序是我们的库存团队扫描条形码的关闭设备。我有一个浏览屏幕,其中有一个本地字符串属性,用作我的搜索框(文本框),绑定到查询。此搜索框是条形码扫描仪输入文本的位置。我们使用的条形码扫描仪在输入文本后自动按下“Enter”。这会导致绑定的本地属性执行查询。 然后我在屏幕上显示结果作为用户的视觉验证。此时,扫描的文本仍在搜索框中。我想清除搜索框文本或突出显示文本,以便我的用户可以扫描下一个设备而无需与计算机鼠标/键盘/触摸屏交互。

用户的理想工作流程:

  1. 扫描条形码
  2. 直观地验证返回的结果
  3. 再次扫描条形码
  4. 更新了上述帖子。

1 个答案:

答案 0 :(得分:1)

解决此问题的最简单方法可能是在屏幕上添加两个本地条形码字符串属性。

这两个本地属性中的一个将绑定到查询的参数,但不会放在屏幕上(Barcode_Parameter)。

其他本地属性将简单地作为TextBox(条形码)放置在屏幕上,如下面的屏幕截图所示:

Example screen design

然后,您将在TextBox的postRender中的以下行中实现代码:

myapp.ScanDevice.Barcode_postRender = function (element, contentItem) {
    var screen = contentItem.screen;
    contentItem.dataBind("value", function (value) {
        if (value) {
            screen.setBarcode_Parameter(value);
            screen.setBarcode("");
        }
    });
};

此代码仅在提供字符串时更新绑定到查询参数(Barcode_Parameter)的本地属性,并且在同一点将清除绑定到屏幕上TextBox的本地属性(条形码)。

以下显示在输入字符串123456之后光标放在已清除的TextBox上,然后是回车符:

Running example