Lightswitch HTML 客户端中的复选框列表答案

【问题标题】：Checkboxlist in Lightswitch HTML clientLightswitch HTML 客户端中的复选框列表
【发布时间】：2014-07-01 23:47:54
【问题描述】：

我是 Lightswitch 的新手，所以如果这是一个愚蠢或明显的问题，请多多包涵。这个问题是关于 Lightswitch HTML 客户端的——而不是桌面客户端。

我有一篇文章可以针对一个或多个目的地（国家）进行标记。理想情况下，添加或编辑文章时，有多个选项卡。一个用于详细信息（标题、standfirst、body 等），另一个用于标记。通常我会使用复选框列表来实现它。

任何关于如何在 Lightswitch 中实现此场景的想法都将不胜感激。

非常感谢

【问题讨论】：

标签： visual-studio-lightswitch lightswitch-2013

【解决方案1】：

希望对你有帮助：

布尔数据类型的默认控件类型是 FlipSwitch 控件，但您可以使用自定义控件轻松替换 CheckBox。

在屏幕设计器中，选择布尔字段的节点，并将控件类型从 FlipSwitch 更改为自定义控件。在“属性”窗口的“高度”部分中，选择“最小值”并输入 100。这是必要的，因为 CheckBox 控件比标准的 TextBox 控件高。如果您的表单使用其他控件类型，您可能需要调整此值。在 General 部分中，选择 Edit Render Code 链接。在代码编辑器中，将以下代码添加到 render 方法： JavaScript

// Create the checkbox and add it to the DOM.
    var checkbox = $("<input type='checkbox'/>")
            .css({
                height: 20,
                width: 20,
                margin: "10px"
            })
            .appendTo($(element));

    // Determine if the change was initiated by the user.
    var changingValue = false;

    checkbox.change(function () {
        changingValue = true;
        contentItem.value = checkbox[0].checked;
        changingValue = false;
    });
    contentItem.dataBind("value", function (newValue) {
        if (!changingValue) {
            checkbox[0].checked = newValue;
        }
    });

如果您在添加/编辑屏幕上为必填字段显示复选框，您还需要为控件设置初始值，否则用户可能会收到验证错误。要设置初始值，请在实体设计器的透视栏上，选择 HTMLClient 选项卡。在编写代码列表中，选择已创建。在代码编辑器中，通过将代码添加到创建的方法来设置初始值： JavaScript entity.FieldName = new Boolean(); entity.FieldName = 'true'; 将 FieldName 替换为您的布尔字段的名称。要将控件初始化为未选中状态，请将 true 替换为 false。

【讨论】：

这是我在网上找到的添加复选框的最佳答案，干得好！！
恐怕设置默认值的最后部分不适用于 HTML 客户端项目。它仅适用于已弃用的 Silverlight 项目。您必须在 DB 函数挂钩（例如 *_inserted）中设置默认值，或者在屏幕对象创建期间设置 javascript create() 函数挂钩。