记 一次使用Datatable来设置最后一列按钮

本文详细介绍了使用Eureka进行实例管理的过程,包括获取实例列表并实现启动、停止、重启、更新包、强制停止和运行shell等操作。通过jQuery和DataTable插件实现了动态数据加载和操作按钮的自定义渲染。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

$(function() {

	// update
	$('.update').on('click', function(){
		$.fn.dataTable.ext.errMode = 'none';//不显示任何错误信息
		$.ajax({
			type: 'post',
			url: base_url+"eureka/getInstance",
			dataType: "json",
			data: {"serviceId":serviceId},
			async: false,
			success:function (data) {
				$("#instance_list").dataTable({
					bPaginate:false,//翻页
					bLengthChange: false,  //每页显示的记录数
					info: false,//页脚信息
					autoWidth: true,//自动宽度
					destroy: true,//允许销毁替换,在表格重新查询时,可以自动销毁以前的data
					ordering: false,//关闭分页
					searching: false,//搜索
					data:data,
					columns:[
						{data:'instance'},
						{data: null,"render":function (data,type,row,meta) {
								var html = "<button type='button' class='btn btn-success btn-xs oemp-privbtn' οnclick='i_start("+JSON.stringify(row.instance)+")'>启动</button>"+
									"&nbsp;&nbsp;<button type='button' class='btn btn-warning btn-xs oemp-privbtn' οnclick='i_stop("+JSON.stringify(row.instance)+")'>停止</button>"+
									"&nbsp;&nbsp;<button type='button' class='btn btn-info btn-xs oemp-privbtn' οnclick='i_restart("+JSON.stringify(row.instance)+")'>重启</button>"+
									"&nbsp;&nbsp;<button type='button' class='btn btn-primary btn-xs oemp-privbtn' οnclick='i_update("+JSON.stringify(row.instance)+")'>更新包</button>"+
									"&nbsp;&nbsp;<button type='button' class='btn btn-danger btn-xs oemp-privbtn' οnclick='i_force("+JSON.stringify(row.instance)+")'>强停</button>"+
									"&nbsp;&nbsp;<button type='button' class='btn btn-primary btn-xs oemp-privbtn' οnclick='i_shell("+JSON.stringify(row.instance)+")'>运行shell</button>";
								return html;
							}}
					]
				})
			}
		})

	});
	$("#updateModal").on('hide.bs.modal', function () {
		$("#updateModal .form .form-group").removeClass("has-error");
	});

});
function i_start(obj) {//启动
	alert(obj);
}
function i_stop(obj) {//停止
	alert(obj);
}
function i_restart(obj) {//重启
	alert(obj);
}
function i_update(obj) {//更新包
	alert(obj);
}
function i_force(obj) {//强制停止
	alert(obj);
}
function i_shell(obj) {//运行shell
	alert(obj);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值