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

最新推荐文章于 2022-11-17 11:20:35 发布

原创最新推荐文章于 2022-11-17 11:20:35 发布 · 699 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JQuery #bootstarp #datatable

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

$(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);
}