Eova按钮自定义

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

表格按钮一般分为点击提交、点击跳转、打开对话框、打开新窗，打开新tab
eova中按钮属于html嵌入，会在按钮所在区域嵌入按钮和对应的操作
按钮展示定义

<button class="layui-btn layui-btn-sm" onclick="operate()">
	<i class="layui-icon "></i> '修改'
</button>

添加点击方法
 

var operate = function () {
        var ID = 'grid'; //表格id， 可以根据这个ID，判断选中，或者获取选中数据
		// 判断选中方法为	isSelected(ID)
		// 获取选中为	getSelectRows(ID)
		// 后面就可以更具判断和选中的数据 进行按钮事件的操作
		// 1.判断后提交选中数据到url
		let url = "";
		if (isSelected(ID)){
		    var rows = getSelectRows(ID);
		    $.ajax({
				async:false,
				url:url,
				data:rows,
				dataType:"json",
				success:function (res) {
					if (res.success){
					    $.msg("操作成功")
					} else {
					    $.msg(res.msg)
					}
                }
			})
		} 
		// 2.打开对话框
		// 最后两个参数为对话框大小
		dialog(ID, "title", url, width, height);
		// 3.跳转新的页面
		window.location.href = url;
		// 4.打开新的tab
		parent.addTab("title", url);
    };

可以任意组合扩展

来源：oschina

链接：https://my.oschina.net/u/3630262/blog/3145122