A Tricky Level of HTML Tag

This illustration is a level of HTML tag when you wanna manipulate them between each other to show the correct layout. Especially in IE6, when you develop a drag-drop Javascript code, you should find that the overlapped Div is placed under the Select tag (a drop-down list), even using the z-index CSS. Fortunately, the issue is only caused by IE6, and a solution is appeared that the Iframe tag is higher than the Select tag so we can use a empty Iframe to apply to the Select, then use the overlaped Div over the Iframe to resolve this issue. This way can also cope with a dragging event lost, when the action is over the Iframe.

ZK 3.0.4 Come

What's important in this version?

If you have used the ZK 3.0.x version, you might find that the performance of Grid/Listbox/Tree with a large data(like many rows) is a sort of unacceptable, which ZK client engine needs to calculate the width of each cell. Especially in FF, even if ZK client engine just assigns a normal size to the TD tag of a single row in a big Dom tree(like table), the computing time of FF still takes more time than IE after we optimized the Javascript code.

Fortunately, we found a way how to sovle this bottleneck is need to shift a little structure of the Dom of these components. After we modified, we gain that the performance is many times faster than ZK 3.0.3.