Javascript 同构（智能客户端）ListGrid赢得'；不允许Div标记溢出（与Twitter引导和multiselect冲突）_Javascript_Html_Css_Twitter Bootstrap_Smartclient

Javascript 同构（智能客户端）ListGrid赢得'；不允许Div标记溢出（与Twitter引导和multiselect冲突）

javascript html css twitter-bootstrap

Javascript 同构（智能客户端）ListGrid赢得'；不允许Div标记溢出（与Twitter引导和multiselect冲突）,javascript,html,css,twitter-bootstrap,smartclient,Javascript,Html,Css,Twitter Bootstrap,Smartclient,我有一个应用程序，其中SmartClient ListGrid和Twitter引导multiselect共存。不幸的是，当multiselect下拉并试图与ListGrid重叠时，它会被切断。问题似乎是ListGrid拒绝允许div标记溢出我翻阅了文档并使用了各种设置，但不知道如何更改这种行为。有什么想法吗下面的代码片段演示了通用div标记的问题。我需要示例div标记位于ListGrid的顶部 <html> <head> <style>

我有一个应用程序，其中SmartClient ListGrid和Twitter引导multiselect共存。不幸的是，当multiselect下拉并试图与ListGrid重叠时，它会被切断。问题似乎是ListGrid拒绝允许div标记溢出

我翻阅了文档并使用了各种设置，但不知道如何更改这种行为。有什么想法吗

下面的代码片段演示了通用div标记的问题。我需要示例div标记位于ListGrid的顶部

<html>
  <head>
    <style>
        .my-style {
            overflow: visible;
            border: 1px solid black;
        }
    </style>
    <!--Deleted: jQuery & Isomorphic includes --> 
    <script>
        $(document).ready( function() {
            isc.ListGrid.create({
                top:0, left:100,
                fields: [ {name:'X'}, {name:'Y'} ],
                items: []
            });
            $('#main').html('<div class="my-style">This is a test</div>');
        });
    </script>
  </head>
  <body>
    <div id="main" class="my-style">
        A sample div tag
    </div>
  </body>
</html>


.我的风格{
溢出：可见；
边框：1px纯黑；
}
$（文档）.ready（函数（）{
isc.ListGrid.create({
顶部：0，左侧：100，
字段：[{name:'X'}，{name:'Y'}]，
项目：[]
});
$（'#main'）.html（'这是一个测试'）；
});
示例div标记

SmartClient在为小部件生成的DOM元素上设置非常高的zIndex值。本页介绍了使用第三方小部件修复zIndex问题的几个选项：

许多小部件库提供了在现有HTML元素中呈现小部件的机制。我不知道Bootstrap multiselect小部件是否可以做到这一点，但如果可以的话，文档页面上给出了如何在自定义SmartClient

画布中呈现第三方小部件的示例代码


无论何时显示multiselect小部件，您都可以在ListGrid
上调用getZIndex（true）
，并将multiselect元素的zIndex动态设置为更高的数字
这种方法假定ListGrid
是一个顶级小部件（getParentCanvas（）
返回null
）。如果ListGrid
位于其他SmartClient小部件中，则需要获取顶级小部件的zIndex
作为一个不受支持的选项，您可以修改\u nextZIndex
、\u SMALL\u Z\u INDEX
和\u BIG\u Z\u INDEX
类属性，使SmartClient使用较低的zIndex值
我没有尝试过这个方法，但是通过查看源代码，bringToFront（）Canvas
方法将小部件的zIndex设置为\u BIG\u Z_INDEX
，它也会增加
还有两种选择：
看起来引导multiselect小部件非常类似于SmartClient multi-selectSelectItem
，具有多重外观：“picklist”。看见如果需要，您当然可以将SelectItem
pickList设置为与引导multiselect小部件完全相同的样式
SmartClient支持通过htmlElement
属性在现有HTML元素中嵌入SmartClient小部件
你能给出这个问题的一个JSFIDLE例子吗？我不知道您是否可以将所有必需的库加载到该库中，但演示该问题可能会使人们更容易提出解决方案。也许您需要使溢出变得重要//溢出：可见！重要的；我认为这个问题可以通过调整multi-select和grid的Z-index
css属性来解决。试试