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

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

  •  0
  • HiTech  · 技术社区  · 8 年前

    使用HTML Lightswitch

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

    用户的理想工作流程:

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

    更新了上述帖子。

    1 回复  |  直到 8 年前
        1
  •  1
  •   Chris Cook    8 年前

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

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

    另一个本地属性将简单地作为文本框(条形码)放置在屏幕上,如以下屏幕截图所示:

    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的本地属性(Barcode)。

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

    Running example