设置按钮操作

                   设置按钮操作

开发工具与关键技术：MVC  专题技术
作者：彭春怡
撰写时间：2019/5/27

 各位IT朋友们好，今天给大家介绍的是按钮设置的操作。这是一个简单的操作，一个按钮，一个提示框，再一个跳转页面形成。说是设置按钮，其实是一个跳转页面到修改页面的按钮。这是给我的理解，当然个人有个人不同的理解方式。这是看个人想法。

接下来，让我们一起了解我们的设置按钮的操作：
首先是样式按钮中，需要给它一个按钮，因为这两个设置操作的主要样式就是按钮。
按钮样式代码：

设置对应的年级 设置对应的专业

以上就是按钮的样式代码，形成的样式如以下图1： 图1：  上图的蓝色按钮，设置对应的年级、设置对应的专业就是今天要介绍的设置按钮。 对应年级设置按钮功能： function openGrade() { var checkStatus = layuiTable.checkStatus("tabAcademe"); var checkData = checkStatus.data; if (checkData.length > 0) { var academeId = checkData[0].AcademeID; window.location.href = "/SystemManagements/Collegelnfor/GradeInfo?academeId=" + academeId; } else { layer.msg("请选择对应的学院。", { icon: 0, skin: "layui-layer-molv" }); } } 首先是跳转到对应学院页面的按钮，就是跳转到对应学院的修改页面。”openGrade”是设置对应学院按钮中给的onclick。首先是获取表格里面的id判断是否选中学院，如未选中就会直接跳转到else，执行else里面的代码，弹出一个提示框，提示“请选择对应学院。” 图2提示框：  上图就是未选中对应学院时弹出的提示框。

如选中就要获取选中行的数据“var checkData = checkStatus.data;”。获取选中行的数量，作为是否有选中的条件。
If过号里面就是选中的条件。选中后获取学院的id，然后进行页面跳转。Href里面就是跳转页面的连接。整个设置操作就是专业完成的。

对应专业设置按钮：
function openSpecialty() {
var checkStatus = layuiTable.checkStatus(‘tabAcademe’);
var checkData = checkStatus.data;
if (checkData.length > 0) {
var academeId = checkData[0].AcademeID;
window.location.href = “/SystemManagements/Collegelnfor/SpecialtyInfo?academeId=” + academeId
} else {
layer.msg(“请选择对应的学院。”, { icon: 0, skin: “layui-layer-molv” });
}
}
对应专业设置按钮跟对应年级设置按钮是一样的操作，所以写法也是一样的。
总结：要完成整个操作，还需要一个js插件，“layui.js”插件。直接引入便可。这就是设置按钮的简单功能，到这里完成了。不难，但也是一个小知识，希望可以帮助大家，谢谢。