隐藏后Wijdropdown无法正常工作

时间:2012-08-23 18:01:44

标签: combobox modal-dialog hidden wijmo

使用Wijmo打开ComponentOne的Dropdown,我尝试将其放在一个注册表单中,该表单会在单击按钮时显示。此表单位于jquery模式窗口中。

问题是它不像表单中的wijdropdown那样显示。

我认为因为是隐藏的,所以它不是DOM的一部分,所以我在显示模态窗口的函数的回调中添加了一个方法;当模态窗口完成显示时,然后调用元素上的.wijdropdown()。但是,它没有用。

总之:选择标记没有被删除......

¿有什么建议吗?

脚本

$(function() {
        // show overlay
        $('#product-slideshow-overlay-trigger').live('click', function() {
          var $registerOverlay = $('#product-slideshow-overlay');
          //left position
          var positionLeft = ($(window).width() - $registerOverlay.width())/2;
          $registerOverlay.css({'left':positionLeft});
          //show mask
          $('#mask').fadeIn();
          $registerOverlay.slideDown(function()
          {
                console.log("Started");
                /**Add WijmoDropdown***/
                $('#estado').wijdropdown(function()
                {
                    console.log("Did the wijdropdown");
                });         
                console.log("Ended");
          });
          return false

        });

    }); // end document ready function

1 个答案:

答案 0 :(得分:1)

在未隐藏下拉列表时刷新wijdropdown:

$('.wijmo_drp').wijdropdown("refresh");

找到wijmo组件并检查它是否可见(样式与否)。 当您显示模态窗口时触发visiblity更改事件。

if($('.wijmo-wijobserver-visibility').is(':visible'))
{
$('.wijmo-wijobserver-visibility').trigger("wijmovisibilitychanged");
}