如果使用jQuery插件机理也是一样的,只不过换成Ajax的方式,返回的数据可能是json、xml或者直接是html页面。
还有就是一次性取出所有数据,用jQuery的表格插件来在页面中实现分页和排序,但是如果数据量很大的,对性能和速度的影响会比较大。
http://www.trirand.com/blog/jqgrid/jqgrid.html是不是这种效果,这个是多个组件共同的效果,单个组件的话是没有现成的
主要用了jquery.layout.js,jquery ui里的tab , accordion
很简单,我大概写个思路吧。用div举例比较容易:如
css
.a div{height:30px}
.a .zk{height:100px}
---------------------------
html
<div class='a'>
<div class="zk">1</div>
<div>2</div>
<div>3</div>
</div>
----------------------------
js
$(".a div").each(function(){
$(this).click(function(){
$(".a div").animate({height:30px},1000)
$(this).animate({height:"100px"},1000)
})
})
以上是大概思路,详细的控制你可以自己酌情添加。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)