个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个应用程序，其中 SmartClient ListGrid 和 Twitter Bootstrap 多选共存。不幸的是，当多选下拉并试图与 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>
最佳答案
SmartClient 在它为小部件生成的 DOM 元素上设置非常高的 zIndex 值。 DOM Integration & Third-party Components页面解释了一些解决第三方小部件 zIndex 问题的选项:
许多小部件库提供了一种在现有 HTML 元素内呈现小部件的机制。我不知道 Bootstrap 多选小部件是否可以执行此操作，但如果可以，该文档页面上提供了有关如何在自定义 SmartClient Canvas 中呈现第三方小部件的示例代码。
每当显示多选小部件时，您可以在 ListGrid 上调用 getZIndex(true) 并将多选元素的 zIndex 动态设置为一个更大的数字。
此方法假定 ListGrid 是顶级小部件(getParentCanvas() 返回 null)。如果 ListGrid 在其他一些 SmartClient 小部件中，那么您将需要获取顶级小部件的 zIndex。
作为不受支持的选项，您可以修改 _nextZIndex、_SMALL_Z_INDEX 和 _BIG_Z_INDEX 类属性以使 SmartClient 使用较低的 zIndex值(value)观。
我没试过，但是查看源代码，bringToFront() Canvas 方法将小部件的 zIndex 设置为 _BIG_Z_INDEX，它也会增加。
还有两个选择:
看起来 Bootstrap 多选小部件与具有 multipleAppearance:"picklist"的 SmartClient 多选 SelectItem 非常相似。参见 the Multi-Select example .如果需要，您当然可以设置 SelectItem pickList 的样式，使其看起来与 Bootstrap 多选小部件完全一样。
SmartClient 支持通过 htmlElement 属性在现有 HTML 元素中嵌入 SmartClient 小部件。
关于javascript - 同构 (SmartClient) ListGrid 不允许 Div 标签溢出(与 Twitter Bootstrap 的多选冲突)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24887269/
25
4
0
我正面临 ListGrid 过滤器问题。我面临的问题是，当我在 ListGrid 上应用任何过滤器来编辑任何 ListGridRecord 时，只要我从列表网格的过滤器中删除了过滤后的文本，编辑过的记
我已经研究了这个问题很长一段时间，但一直无法解决。我有一个带有字段类型图标的列表网格。我想将光标更改为“递”到图标上。 我一直在网上搜索，发现有几个解决方案。其中之一是对列表网格使用 addCellO
我正在寻找一种使用来自服务器的 XML 响应填充 ListGrid 的方法。 这是我的服务器响应的示例: The 12 be
我想请求您帮助解决以下问题。 我有一个 SmartGwt ListGrid，其中有多行。这个ListGrid有一个SelectionChangedHandler，它工作得很好。 我向此 ListGri
我意识到 ListGrid 必须始终是 Final。对我来说，静态对象是最好的，因为我想从另一个类修改它的属性。 在我的项目中，为了拥有清晰的代码，我创建了几个类。 类DataGrid 扩展了List
我有一个 SmartGWT ListGrid，其中包含 16 个字段，每个字段都包含字符串。网格附加到通过 REST 提供的数据源。但是，当数据源中的数据量很大时，我遇到了问题。 处理非常小的数字时没
是否可以在悬停时向 SmartGWT listGrid 单元格添加工具提示？ 如果可能的话怎么办？ 我不能罚款任何将工具提示直接添加到悬停单元格的方法， 有人可以帮我吗？ 最佳答案 ListGridF
我有一个 ListGrid，其过滤器编辑器设置为可见。通常，如果我在过滤器编辑器中键入数据，它会导致从服务器获取数据并调用我的 executeFetch(..) 方法。 但在某些情况下，编辑过滤器数据
i want to delete the row from the grid...and changes should reflect into my database..Please pro
我正在尝试获取 ListGrid 中可见列的数量，但在此 question 中遇到了同样的问题:- 但是这不起作用。这是我的代码:- ListGridField firstName=new
几周前我开始使用 smartgwt 进行开发，我遇到了一个问题，我想在 ListGrid 的特定单元格中插入背景颜色。问题是我无法访问带有索引的 ListGrid 元素(例如 grid(i,j))任何
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Smartgwt selectitem key value issue 我正在使用 setEditorCus
我想把这个过滤器图标换成另一个，我试过这个方法 setFilterButtonProperties(newButton);但它不起作用。 这里是我要更改的图像。 最佳答案 试试这个 Butto
我有客户端、服务器和中间某个地方我自己定义的数据源。 在客户端上，我有表单，我想添加其中的值，作为记录到我的 listGrid 中，该列表显示在正下方。有人可以给我提示吗？ 到目前为止，我所做的是将表
我正在开发使用 SmartGWT Listgrid 的网络应用程序。当我创建和可视化 Listgrid 时，有用于排序、配置排序等的箭头下拉列表。在文档中搜索我没有找到禁用此下拉列表的属性。有谁知道如
嗨，我正在尝试使用 SmartGWT . 我有数组列表 ArrayList documentsArrayList = new ArrayList(); //所有的值都在文档数组列表中 和一张 tabl
我正在尝试获取 ListGridField 中的可见列数 ( ListGrid ) . 有没有简单的解决方案？ 最佳答案 这是使用 ListGrid.fieldIsVisible(String fie
我想将我的 ListGrid 数据源导出到 Excel 文件，我正在使用 excel 文件，因为我想在 excel 文件中填充我的 listgrid 字段。有没有人知道该怎么做。这对我会有很大的帮助。
没有Datasource，我们可以过滤listGrid记录吗？我无法过滤记录。任何人都遇到过类似的问题。 最佳答案 下面的链接可能有助于您理解: https://forums.smartclient.
我正在尝试在 SmartGWT 中设置 ListGrid 表对象的选定记录，但找不到任何方法。我知道有一个 getSelectedRecords() 函数，但没有匹配的 setSelectedReco
我是一名优秀的程序员,十分优秀！