代码之家 › 专栏 › 技术社区 › HiTech

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

lightswitch-2012 visual-studio-lightswitch c#

0

HiTech · 技术社区 · 9 年前

使用HTML Lightswitch

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

用户的理想工作流程:

扫描条形码
目视验证返回的结果
再次扫描条形码

更新了上述帖子。

1 回复 | 直到 9 年前

1

Chris Cook 8 年前

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

这两个本地属性之一将绑定到查询的参数,但不会放在屏幕上(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)的本地属性,同时将清除屏幕上绑定到TextBox的本地属性(Barcode)。

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