在EXT的gridPanel中增加操作栏,并且实现触发事件


第一步 在最后加上操作栏
//列表样式
		var roleSm = new Ext.grid.CheckboxSelectionModel();
		var roleCol = new Ext.grid.ColumnModel([
		roleSm,
		new Ext.grid.RowNumberer({
			id: 'rownum',
			width: 40,
			align: 'center',		
			header: '<s:text name="com.label.rownum"/>'
		}),{
           id: 'createId',
           header: '<s:text name="com.label.id"/>',
           dataIndex: 'createId',
           width: 10,
           align: 'center',
           hidden: true
        },{
           header: '维修单编号',
           dataIndex: 'ws_num',
           width: 90,
           align: 'center'
        },{
           header: '校区',
           dataIndex: 'ws_school',
           width: 90,
           align: 'center'
        },{
           header: '楼宇',
           dataIndex: 'ws_building',
           width: 90,
           align: 'center'
        },{
           header: '楼层',
           dataIndex: 'ws_floor',
           width: 90,
           align: 'center'
        },{
           header: '维修点',
           dataIndex: 'ws_place',
           width: 90,
           align: 'center'
        },{
           header: '申请维修项目描述',
           dataIndex: 'ws_desc',
           width: 90,
           align: 'center'
        },{
           header: '报修时间',
           dataIndex: 'ws_date',
           width: 90,
           align: 'center'
        },
        {
           header: cf_getAlignCenter('状态'),
           dataIndex: 'ws_status_transfer',
           width: 90,
           align: 'center'
        },{
        	header:"操作",
        	dataIndex:"button",
        	width:90,
        	align: 'center',
        	renderer:function(value,metaData,record,rowIndex,colIndex,store)
			{
				btnStr='<span>'+'<input type=\"button\" value=\"查看\" οnclick=\"openmsg(\''+value+'\');\"/>'+'</span>';
				return btnStr;//此处调用的openmsg()是全局函数
			}
        }   
        ]);
        roleCol.defaultSortable = true;
第二步 调用的函数
//具体的调用函数写在Ext.onready()外面
		function openmsg(){
		  }
		function openmsgToHou(){
		  }

第三步 声明函数
//函数的声明写在Ext.onready()里面
           //派工函数
        openmsg=function(){
			var recordtoeditNew = roleGrid.getSelectionModel().getSelected();   //取得选中的grid的当行记录
			//alert(recordtoeditNew.get("ws_num"));
			getAddOrgWindow(recordtoeditNew);
		};
		
		//派给后勤函数
		openmsgToHou = function(){
		 var recordtoeditNew1 = roleGrid.getSelectionModel().getSelected();   //取得选中的grid的当行记录
		Ext.MessageBox.confirm('<s:text name="com.title.confirm"/>', '确定要派给后勤?',doPost);
		function doPost(btn) {
	            		if(btn == BUTTON_YES) {
	   					if (roleGrid.getSelectionModel().hasSelection()) {                    //如果有选择的记录
	   						cf_ShowMessageBox('<s:text name="com.messages.deleting"/>');
			            	Ext.Ajax.request({
			            		url: 'warrantyServiceAction!doPostToHou.shtml?ws_num='+recordtoeditNew1.get("ws_num"),
			            		method: 'POST',
			            		//params: {id: ids},
			            		success: function(response) { 
			            	 		Ext.MessageBox.alert('<s:text name="com.title.notice"/>', '派给后勤成功',
			            	 		function(btn) {
			            	 			if(btn == BUTTON_OK) {
			            	 				roleDs.removeAll();
			            	 				roleDs.reload();
							            	
			            	 			}
			            	 		});
			            	 	},
			            		failure: function() { 
			            	 		Ext.MessageBox.alert('<s:text name="com.title.notice"/>', '派给后勤失败');
			            	 	}
			            	});		                                 		
	            		}
	            	}
	            }
	            };




	 /*
	       function showbutton(value, cellmeta, record, rowIndex, columnIndex, store){
	      
        var str = "<input type='button' value='详细信息' οnclick='alert(\"" +
            "这个单元格的值是:" + value + "\\n" +
            "这个单元格的配置是:{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}\\n" +
            "这个单元格对应行的record是:" + record.data["id"] + ",一行的数据都在里边\\n" +
            "这是第" + rowIndex + "行\\n" +
            "这是第" + columnIndex + "列\\n" +
            "这个表格对应的Ext.data.Store在这里:" + store + ",随便用吧。" +
            "\")'>";
            
       var str = "<input type='button' value='详细信息' οnclick='getAddOrgWindow(\""+rowIndex+"\")'>";
        return str;
		}
     	
		*/





  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值