JAVA按键样式以及功能禁灰

<script>

 

var pointArray = '';

$(document.body).ready(function(){

$('.popover-show').popover('destroy');

 

//生成按钮

var rightbottom = '<div class="zbtngroup">

<button id="startbutton" class="btn btn-sm btn-start" type="button" οnclick="javascript:zstartget(this)">开始</button>';

 

rightbottom += '<button class="btn btn-primary btn-sm btn-end" type="button" οnclick="javascript:zendget(this)">完成</button>';

 

/* rightbottom += '<button class="btn btn-success btn-sm" type="button" οnclick="javascript:zsavepoint(this)">保存</button>'; */

 

rightbottom += '<button class="btn btn-warning btn-sm btn-off" type="button" οnclick="javascript:zcancalget(this)">取消</button></div>';

 

//点击按钮弹出提示

rightbottom += '<ul class="ztimeline"><li><div data-container="body" data-toggle="popover" data-placement="bottom" data-content="请在地图上选取巡检点">1</div></li>';

rightbottom += '<li><span></span><div data-container="body" data-toggle="popover" data-placement="bottom" data-content="请填写任务信息">2</div></li>';

rightbottom += '<li><span></span><div data-container="body" data-toggle="popover" data-placement="bottom" data-content="保存完成">3</div></li></ul>';

$("#rightBotTable").empty().append($(rightbottom)).css("backgroundColor", "#EFEFEF");

$("#tableArrow").children("a").off("click").on("click", {wid: 300, heig: 160}, toggleArrow);

//按键样式以及功能禁灰

$('.btn-end').addClass('disabled'); // Disables visually

$('.btn-end').prop('disabled', true); // Disables visually + functionally

$('.btn-off').addClass('disabled'); // Disables visually

$('.btn-off').prop('disabled', true); // Disables visually + functionally

 

//点击开始按钮触发事件

function zstartget(e){

$('.popover-show').popover('destroy');

$($("ul.ztimeline li").children("div").get(1)).removeClass("popover-show");

$($("ul.ztimeline li").children("div").get(2)).removeClass("popover-show");

$($("ul.ztimeline li").children("div").get(0)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").addClass("popover-show");

$($("ul.ztimeline li").children("div").get(2)).css("border", "2px solid #E27F7B").css("color", "#E27F7B");

$($("ul.ztimeline li").children("div").get(1)).css("border", "2px solid #E27F7B").css("color", "#E27F7B");

$($("ul.ztimeline li").children("span").get(0)).css("borderTop", "2px solid #7B9D6F");

$($("ul.ztimeline li").children("span").get(1)).css("borderTop", "2px solid #E27F7B");

$('.popover-show').popover('show');

//按键样式以及功能禁灰

$('.btn-start').addClass('disabled'); // Disables visually

$('.btn-start').prop('disabled', true); // Disables visually + functionally

$('.btn-end').removeClass('disabled'); // Disables visually

$('.btn-end').prop('disabled', false); // Disables visually + functionally

require(['BMapPickPoint'], function (BMapPickPoint){

BMapPickPoint.pick();

});

}

 

//点击完成按钮触发事件

function zendget(){

$('.btn-end').addClass('disabled'); // Disables visually

$('.btn-end').prop('disabled',true ); // Disables visually + functionally

$('.btn-off').removeClass('disabled'); // Disables visually

$('.btn-off').prop('disabled', false); // Disables visually + functionally

$('.popover-show').popover('destroy');

$($("ul.ztimeline li").children("div").get(1)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").addClass("popover-show");

$($("ul.ztimeline li").children("div").get(2)).css("border", "2px solid #E27F7B").css("color", "#E27F7B").removeClass("popover-show");

$($("ul.ztimeline li").children("div").get(0)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").removeClass("popover-show");

$($("ul.ztimeline li").children("span").get(0)).css("borderTop", "2px solid #7B9D6F");

$($("ul.ztimeline li").children("span").get(1)).css("borderTop", "2px solid #7B9D6F");

$('.popover-show').popover('show');

require(['BMapPickPoint', 'BMapWalking'], function (BMapPickPoint, BMapWalking){

pointArray = BMapPickPoint.removepick();

BMapWalking.route(pointArray, false, false, function(){

setTimeout(function(){

$('#getPointModal').modal({

keyboard: true, //点击esc时关闭模态对话框

backdrop: false //false关闭后边黑色蒙版

})

/* 弹出浮动窗口时加载loading动画 */

$("#getPointModal .modal-body").css("height", "43vh").css("textAlign", "center");

$('<div class="modalloading"></div>').appendTo($("#userModal .modal-body"));

$("div.modalloading").css("marginTop", 1 * $("#getPointModal .modal-body").height() * 0.4);

$("#getPointModal .modal-body").load('${pageContext.request.contextPath}/TaskController/taskModalAdd.ht', {"taskroute" : getString(pointArray)}, function(response, status, xhr){

/* 移除loading动画 */

$("#getPointModal .modal-body").remove(".modalloading");

$("#getPointModal").modal("show").find(".modal-dialog")

.css("marginLeft", "auto")

.css("marginRight", "auto").css("marginBottom", "0px");

bindButton(); //重新绑定确认按钮的点击事件

});

},2000)

});

});

}

 

//保存选取的点

function zsavepoint(){

$('.popover-show').popover('destroy');

$($("ul.ztimeline li").children("div").get(2)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").addClass("popover-show");

$($("ul.ztimeline li").children("div").get(0)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").removeClass("popover-show");

$($("ul.ztimeline li").children("div").get(1)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").removeClass("popover-show");

$($("ul.ztimeline li").children("span").get(0)).css("borderTop", "2px solid #7B9D6F");

$($("ul.ztimeline li").children("span").get(1)).css("borderTop", "2px solid #7B9D6F");

$('.popover-show').popover('show');

}

 

//点击取消按钮触发事件

function zcancalget(){

$('.popover-show').popover('destroy');

pointArray = '';

$($("ul.ztimeline li").children("div")).css("border", "2px solid #E27F7B").css("color", "#E27F7B");

$($("ul.ztimeline li").children("span")).css("borderTop", "2px solid #E27F7B");

 

$('.btn-off').addClass('disabled'); // Disables visually

$('.btn-off').prop('disabled',true ); // Disables visually + functionally

}

 

</script>