Ext 3.4.0简化了Data-Grid Dom

时间:2014-08-12 10:53:45

标签: javascript dom extjs

我们正在使用ext3.4.0将数据库输出显示为网格。当生成大量行时,某些浏览器会进入脚本超时。我建议这是因为一个非常复杂的dom结构:

<div class="x-grid3-row row-einfach" style="width:1718px;">
<table class="x-grid3-row-table" cellspacing="0" cellpadding="0" border="0" style="width:1718px;">
<tbody>
<tr>
<td class="x-grid3-col x-grid3-cell x-grid3-td-0 x-grid3-cell-first " tabindex="0" style="width: 78px;">
<div class="x-grid3-cell-inner x-grid3-col-0" unselectable="on">4</div>
</td>
<td class="x-grid3-col x-grid3-cell x-grid3-td-1 " tabindex="0" style="width: 78px;">
<div class="x-grid3-cell-inner x-grid3-col-1" unselectable="on">4</div>
</td>

...

将是此输出: enter image description here

其中每一行都是一个带有表格的div。这可以简化为f.e.通过写/使用thiner模板?

感谢,

t book

1 个答案:

答案 0 :(得分:0)

我认为你不能简化这个标记。即使你成功了,也可能是以失去网格功能为代价的。

您确定代码没有其他问题吗?您是否使用控制台找到了准确挂起的位置?

也许它不是你的选择,但似乎ExtJs 4效率更高。标记不会更简单,但它不应该使浏览器挂起,即使网格有数百行。