您的位置:首页 > Web前端 > JavaScript

ExtJS表格的操作:取选择项

2014-10-30 17:56 232 查看
在GridPanel中勾选前面选择框实现一些操作:本实例实现清空表对应的数据库中的信息。

1.在JS一个方法触发事件中:

handler : function() {
											
  deleteTableMessage(voucherTableDelete);   //其中:voucherTableDelete为GridPanel
  }


在另外一个JS中或者本JS中该方法如下:

var deTable = "";
function deleteTableMessage(voucherTableDelete){
	// 请求开始时,都先把delIds置空
	deTable = "";
	// 当前选中的数据
	var d_records = voucherTableDelete.getSelectionModel().getSelection();
	// alert(d_records[0].get("table_name"));
	if (d_records.length == 0) {
		Ext.Msg.alert("系统提示", "请至少选择一条数据!");
		return;
	}
	// 选中的凭证的id数组,要传到后台
	for (var i = 0; i < d_records.length; i++) {
		deTable += d_records[i].get("table_name");    //这个table_name为gridPanel中的fileds选项
		 
		if (i < d_records.length - 1)
			deTable += ",";
			
	}
	
 	Ext.MessageBox.confirm('提示框', '是否删除该条日志', deleteTable);
}

function deleteTable(id) {    //这个id是弹出框中yes与no对应的id值,确定对应的是yes,否对应的是no
	
 	if(id == "yes"){
		// 提交到服务器操作
 		Ext.Ajax.request({
				url : '/realware/common/delTable.action',
				method : 'POST',
				params : {
					randomKey : randomKey,
					deTable : deTable
				},
				// 提交成功的回调函数
callback : function (options,success,response){
					
					if(success){
						
						checkSessionOverdue(response.responseText);
						if(response.responseText.length>0) {
							Ext.Msg.alert("系统提示", response.responseText);
							
						}else{
							Ext.Msg.alert("系统提示","删除成功!");
							voucherTableDelete.getStore().load();
						}
						
					}else{
						Ext.Msg.alert("系统提示","删除失败原因:!" + response.responseText);
					}
				}
				
				
		});
	}
	
	 
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: