ext_GridPanel2_6

	var grid = new Ext.grid.GridPanel({
		title: "中国公民",
		width: 700,
		autoHeight: true,
		cm: cm,
		sm: sm, //指定行选择模型为CheckboxSelectionModel,默认为RowSelectionModel
		store: store,
		renderTo: "a",
		frame: true,
		autoExpandColumn: "memo",
		buttonAlign: "center",
		buttons: [
		 {
			 text: "第一行",
			 handler: function(){
				 var rsm = grid.getSelectionModel(); //得到行选择模型
				 rsm.selectFirstRow();
			 }
		 },
		 {
			 text: "上一行",
			 handler: function(){
				 var rsm = grid.getSelectionModel();
				 if(!rsm.hasPrevious()){
					 Ext.Msg.alert("警告","已经达到第一行");
				 } else {
					 rsm.selectPrevious();
				 }
			 }
		 },
		 {
			 text: "下一行",
			 handler: function(){
				 var rsm = grid.getSelectionModel();
				 if(!rsm.hasNext()){
					 Ext.Msg.alert("警告","已经达到最后一行 ");
				 } else {
					 rsm.selectNext();
				 }
			 }
		 },
		 {
			 text: "最后一行",
			 handler: function(){
				 var rsm = grid.getSelectionModel();
				 rsm.selectLastRow();
			 }
		 },
		 {
			 text: "全选",
			 handler: function(){
				 var rsm = grid.getSelectionModel();
				 rsm.selectAll();
			 }
		 },
		 {
			 text: "全不选",
			 handler: function(){
				 var rsm = grid.getSelectionModel();
				 rsm.deselectRange(0,grid.getView().getRows().length - 1);
			 }
		 },
		 {
			 text: "反选",
			 handler: function(){
				 var rsm = grid.getSelectionModel();
				 for(var i = grid.getView().getRows().length - 1; i >=0; i--){
					 if(rsm.isSelected(i)){
						 rsm.deselectRow(i);
					 } else {
						 rsm.selectRow(i,true); //必须保留原来的,否则效果无法实现
					 }
				 }
			 }
		 }
		 
		]
	});
});
/**
 * Extjs中的复选框是图片做的,不是传统的<input type=checkbox/>标记。如果要实现单选,为行选择模型配置singleSelect: true
 */
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值