开发学院网页设计JavaScript 基于jQuery的GridView-Flexigrid(2)-扩展和修复 阅读

基于jQuery的GridView-Flexigrid(2)-扩展和修复

 2009-11-14 00:00:00 来源:WEB开发网   
核心提示:第一项:自然是重新定义的皮肤这些只需修改对饮的CSS即可实现,只是非常长,基于jQuery的GridView-Flexigrid(2)-扩展和修复,就不贴出来了,有兴趣有耐心的朋友可以去研究下代码,这里有个性能问题,即每次循环数据行都要检索列头,第二项:在首列添加一个checkbox列1:首先在参数中添加一个showc

第一项:自然是重新定义的皮肤

这些只需修改对饮的CSS即可实现,只是非常长,就不贴出来了,有兴趣有耐心的朋友可以去研究下代码。

第二项:在首列添加一个checkbox列

1:首先在参数中添加一个showcheckbox的参数

2:然后再输出头时判断该属性,如果为真则输出一个列包含checkbox(用于全选)

1.if (p.showcheckbox) {
2.      var cth = $('<th/>');
3.      var cthch = $('<input type="checkbox"/>');
4.      cthch.addClass("noborder")
5.      //给该列添加一些自定义的属性,在生成数据行时需要用到这些属性
6.      cth.addClass("cth").attr({ 'axis': "col-1", width: "22", "isch": true }).append(cthch);
7.      $(tr).append(cth);
8.  }

3:然后在生成数据行时通过,因为数据行的生成的依据完全是根据thead中th的属性来创建的,这样我们可以通过上面设置的isch属性在制定的列上创建checkbox列

01.$.each(data.rows,function(i,row) //循环数据行
02.{
03. var tr = document.createElement('tr');
04. if (i % 2 && p.striped) tr.className = 'erow';
05. if (row.id) tr.id = 'row' + row.id;
06.  $('thead tr:first th',g.hDiv).each( //获取列头,循环列头来生成数据单元格,这里有个性能问题,即每次循环数据行都要检索列头,事实上没有必要
07.    function (){...});
08. ... 
09.});

4:设置checkbox头列不参与拖拽列

编缉推荐阅读以下文章

  • 基于jQuery的GridView-FlexiGrid的使用和改造(1)--如何使用,完全参数说明

1 2 3 4 5 6  下一页

Tags:基于 jQuery GridView

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接