Flexigrid默认是可以选择多行

本文介绍了Flexigrid的几个实用技巧,包括如何设置只能选择一行、如何获取数据库ID及指定列的值,以及如何设置初始页。

1、Flexigrid默认是可以选择多行,那么如何设置其只能选一行呢?今天看了看Flexigrid的源码,发现有个属性可以控制:

Html代码   收藏代码
  1. $(this).click(function (e) {  
  2.     var obj = (e.target || e.srcElement);  
  3.     if (obj.href || obj.type) return true;  
  4.     $(this).toggleClass('trSelected');  
  5.     if (p.singleSelect && ! g.multisel ) {  
  6.         $(this).siblings().removeClass('trSelected');  
  7.         $(this).toggleClass('trSelected');  
  8.     }  
  9. })  


看到其中:singleSelect,设置为true,就只能选一行了。 
 
2、Flexigrid获取数据库ID
Flexigrid获取ID很不方便,官方提供的列子是把ID放在第一列的隐藏列中,通过$(this).find("td:first").eq(0).text() 来获取的,这样就必须浪费一列,如果再有cid,fid等等就得依次放在隐藏列中,不怎么方便。
我们打开“flexigrid.js”,会发现有“if (row.id) tr.id = 'row' + row.id;”这么一句,意思对每一行进行赋值ID,
那么,
id=$('.trSelected', grid).attr("id").replace("row","");
就能获得ID了,而不用再用一个隐藏列来获取了
转自:http://www.cnblogs.com/chengulv/archive/2011/10/29/2228394.html

3、获取选中行指定列的值

Html代码   收藏代码
  1. function test(com, grid){  
  2.     if (com=='详细'){  
  3.         if ($('.trSelected', $('#flex1')).length == 0){  
  4.             return ;  
  5.         }  
  6.         var arr = new Array(0);  
  7.         $('.trSelected td:nth-child(2) div', $('#flex1')).each(function(i){//第2列的值  
  8.             arr.push($(this).text());  
  9.         })  
  10.         //alert(arr [0]);  
  11.     }  
  12. }  



4、设置初始页
  设置参数newp,用来指定初始页。

转载于:https://www.cnblogs.com/wuxl360/p/5690857.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值