Visual Studio 2013 LightSwitch HTML 级联下拉菜单答案

【问题标题】：Visual Studio 2013 LightSwitch HTML Cascading DropdownsVisual Studio 2013 LightSwitch HTML 级联下拉菜单
【发布时间】：2013-12-16 23:19:23
【问题描述】：

我目前正在帮助一个小团队创建一个 HTML LightSwitch 业务应用程序，该应用程序具有 4 个级联下拉菜单。这些下拉列表链接在一起，就像您选择州时它仅过滤到该州的城市的常见示例一样。但是，我们遇到的问题是，在更改其中一个父框时，子框不会重置或恢复为空白状态。如果可能的话，如何在父项更改时清除子框。我很确定我们需要一个 OnChange 事件处理程序，但我不确定将它放在 LightSwitch 中的哪个位置，因为它会为您创建代码。

任何能够解决此问题的想法或代码 sn-ps 将不胜感激。

提前感谢您的帮助，

杰里米

【问题讨论】：

我认为您需要在页面创建方法上更改侦听器事件

标签： html visual-studio-lightswitch cascadingdropdown lightswitch-2013

【解决方案1】：

我认为您需要在页面创建方法screen.addChangeListener("DropDown1",DropDown1Changed); 上更改侦听器事件@

    function DropDown1Changed(e){
    screen.findContentItem("DropDown2").value ="";
   screen.findContentItem("DropDown3").value ="";
    };

我还没有测试过这段代码。但是，与此类似的东西应该可以工作。这应该让您大致了解解决方案。不要忘记移除监听器。

【讨论】：

【解决方案2】：

使用基于查询的弹出窗口而不是下拉菜单。必要时为您的查询设置可选参数。 LightSwitch 将在做出选择时更新页面定义。这是因为弹出数据值的绑定是在运行时完成的，而页面加载时呈现的控件的绑定是静态的。

Michael Washington 在this article 中对该技术进行了很好的总结。

【讨论】：