查询后清除搜索框（文本框文本）

Question

使用HTML Lightswitch

我正在开发的应用程序是供我们的库存团队扫描条形码的关闭设备。我有一个浏览屏幕，其中本地字符串属性用作绑定到查询的搜索框（文本框）。此搜索框是条形码扫描仪输入文本的地方。输入文本后，我们使用的条形码扫描仪会自动按下 'Enter'。这会导致绑定的本地属性执行查询。然后我在屏幕上显示结果作为用户的视觉验证。此时，扫描的文本还在搜索框中。我想清除搜索框文本或突出显示文本，以便我的用户无需与计算机交互即可扫描下一个设备 mouse/keyboard/touchscreen。

用户的理想工作流程：

扫描条码
直观地验证返回的结果
再次扫描条码

以上更新post。

Answer 1

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

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

另一个本地属性将作为文本框（条形码）简单地放置在屏幕上，如下面的屏幕截图所示：

然后您将在 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) 的本地属性，同时清除本地属性绑定到屏幕上的文本框（条形码）。

下图显示在输入字符串123456后，光标放在清除的TextBox上，后跟一个回车return:

查询后清除搜索框（文本框文本）

Clear searchbox (textbox text) after query

c#

visual-studio-lightswitch

lightswitch-2012