需求描述
- 第一步:获取table内嵌checkbox组件选中行对应列的值
- 第二步:根据第一步获得的值作为参数调用后端接口参数,获取后端返回对象作为动态下拉框选项
前端实现
针对需求第一步
- 根据checkbox的class属性遍历checkbox
<input type="checkbox" class="chenckbox_class" value="${A.id}" value1="${A.a2}" value2="${A.a3}">
$(".chenckbox_classl").each(function (){
//遍历checkbox
_this = $(this);
//判断当前行是否被选中
if (!_this.prop("checked")) {
return true;
}
//获取当前行第5列对应值
var value= $(this).parents('tr').children().eq(5).html()
//获取<input>组件中获取到的value1的值
value_array.push(_this.attr("value1"));
});
针对需求第二步
$.post("/biz/sku/changeSku", {
入参1: $("#id1").val(),
入参2: $("#id").val()
}, function (resp) {
if (resp.success) {
if(resp.errCode == "8"){
alert("提交成功,部分迁移");
}else{
alert("提交成功");
}
//页面重新加载
window.location.reload();
}
问题:按钮点击触发请求,无法弹出提示框,切无法刷新页面
解决方法:将按钮组件的type改为button