Javascript在Spotfire Webplayer中的行为有所不同

Question

我实现了一些功能，用户可以使用输入字段和下拉菜单过滤数据。

因此，用户可以从此列表中选择项目（例如，上次...天或选择日期范围），然后在输入字段中输入数字/日期。然后，该脚本用于显示相应的输入字段并隐藏其余字段。 编辑：上周我从7.0更新到Spotfire 7.5。现在这个脚本无法在桌面客户端上运行....

这是我在网络播放器中得到的：

知道为什么会这样吗？ 这是我的HTML：

Select Period:<span id="PeriodSelector"><SpotfireControl id="306fdd699c4346dbb7265c1d101fa6cf" /></span >
<span id="SelectBeginDate" style ="padding-left:1em;" > Select Begin Date:<SpotfireControl id="16b0eab3d5e3497bb2ecea3b051d2b62" /></span >
<span id="SelectEndDate" style = "padding-left:1em;">   Select End Date:<SpotfireControl id="46ac3d97e3b04af182b8b9d2462a7d27" /></span >
<span id="SelectDate"style = "padding-left:1em;">   Select Date:<SpotfireControl id="6838924384aa4567bc3bcf9da5a74c32" /></span >
<span id="LastXDays" style = "padding-left:1em;">   Number of Days:<SpotfireControl id="218b27e83771401dbbd75613acfd619b" /></span >

这是我的剧本：

$("#306fdd699c4346dbb7265c1d101fa6cf").change(function() {
    var valueText = $("#306fdd699c4346dbb7265c1d101fa6cf option:selected").text();
    if(valueText ==="Select Date"){
        $("#SelectDate").css('display','inline');
        $("#SelectBeginDate").css('display','none');
        $("#SelectEndDate").css('display','none');
        $("#LastXDays").css('display','none');
    } else if (valueText ==="Select Date Range"){
        $("#SelectDate").hide();
        $("#SelectBeginDate").css('display','inline');
        $("#SelectEndDate").css('display','inline');
        $("#LastXDays").css('display','none');
    } else if (valueText ==="Select  Last … Days"){
        $("#SelectDate").css('display','none');
        $("#SelectBeginDate").css('display','none');
        $("#SelectEndDate").css('display','none');
        $("#LastXDays").css('display','inline');
    } else {
        $("#SelectDate").css('display','none');
        $("#SelectBeginDate").css('display','none');
        $("#SelectEndDate").css('display','none');
        $("#LastXDays").css('display','none');
    }
});

似乎网络播放器没有检索下拉框的值，但我不知道它为什么没有。

非常感谢任何帮助。

Answer 1

因此，在与Tibco支持部门联系之后，似乎确实不支持.change（）函数。

在Spotfire 7.5中，不再使用标准JavaScript输入类型（例如select标签）实现属性控件。在7.5中，控件现在使用一系列div标签来实现，而且它们没有任何改变＆＃34;要触发的事件。

不支持使用JavaScript / JQuery操作控件或添加事件，因为它们可能会发生变化。建议使用JavaSript来仅操作HTML。如果需要一种解决方法，可以创建输入控件并使用JS弹出它们。

话虽如此，我确实找到了使用setInterVal（）的解决方法。代码与我的原始帖子完全相同 - 除了我在文本字段中使用隐藏的计算值来将文档属性中的值写入。

......

setInterval(
function(){
    ...........
    var valueText= document.getElementById("Hidden").textContent;
    ...........
}, 1000);

其中Hidden是包含计算值的span / div。 希望这有帮助

Answer 2

我不太了解javascript告诉你为什么，但根据我的测试并使用this link作为示例，此代码可能适合您：

$("#306fdd699c4346dbb7265c1d101fa6cf").change(function() {
     $("option:selected",this).text()=="Select Date"?
      $("#SelectDate).fadeIn() & $("#SelectBeginDate").fadeOut() & $("#SelectEndDate").fadeOut() & $("#LastXDays").fadeOut():
      $("option:selected",this).text()=="Select Date Range"?
       $("#SelectDate).fadeOut() & $("#SelectBeginDate").fadeIn() & $("#SelectEndDate").fadeIn() & $("#LastXDays").fadeOut():
       $("option:selected",this).text()=="Select  Last … Days"?
        $("#SelectDate).fadeOut() & $("#SelectBeginDate").fadeOut() & $("#SelectEndDate").fadeOut() & $("#LastXDays").fadeIn():
        $("#SelectDate).fadeOut() & $("#SelectBeginDate").fadeOut() & $("#SelectEndDate").fadeOut() & $("#LastXDays").fadeOut()

})