如何在ASP .NET MVC 5 View中重命名confirm()按钮?

时间:2017-01-11 09:16:55

标签: c# html asp.net-mvc-5 jscript

我在Script标签函数中写入View。当我在视图中单击菜单项时调用此函数。

我想重命名Java脚本confirm()按钮。我怎样才能做到这一点 ?我不知道如何为这种情况编写Java脚本代码。

Result Image

我按照以下代码

<script type="text/javascript">
function myFunction() {
    var x;
    if (confirm("Press a button") == true) {
        x = "You pressed Cancel";
    } else {
        x = "You pressed OK";
    }
}
</script>
<li><a><span class="glyphicon glyphicon-log-in" onclick="myFunction()"> </span> Exit</a></li>

2 个答案:

答案 0 :(得分:0)

<强> ANSWER

你无法控制confirm()或alert()Javascript对话框的外观,因为它们是原生的,因此它们的设计基于OS /浏览器。

你能做什么:

  • 自己的对话
  • 扩展程序/插件
  • 使用现有对话框js

建立自己的点击元素的方法

document.querySelector('#okLI').addEventListener('click', handleClick);
document.querySelector('#cancelLI').addEventListener('click', handleClick);

function handleClick(e){
  var target = e.target;
  var clickType = target.getAttribute("click-type");
  if(clickType > 0)
    console.log("CLICKED OK");
  if(clickType < 0)
    console.log("CLICKED CANCEL");
}

document.querySelector('#ok').addEventListener('click', clickButton);
document.querySelector('#cancel').addEventListener('click', clickButton);

function clickButton(e){
  var button = e.target;
  var buttonType = button.getAttribute("button-type");
  if(buttonType > 0)
    console.log("CLICKED OK");
  if(buttonType < 0)
    console.log("CLICKED CANCEL");
}
<ul>
  <li id="okLI" click-type="1">OK</li>
  <li id="cancelLI" click-type="-1">CANCEL</li>
</ul>
<button id="ok" button-type="1">OK</button>
<button id="cancel" button-type="-1">CANCEL</button>

您不需要使用按钮,您可以将其添加到要单击的每个元素。

答案 1 :(得分:0)

根据您的要求,请检查此功能的jQuery模式对话框。

您需要在页面中包含以下css和JS。

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">    
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

然后在您的页面上添加以下脚本。 下面的脚本将为您配置一个对话框,其中包含两个按钮,“删除”和“取消”,如您所见,它们都有一个回调功能,您可以决定在单击时如何处理。

<script type="text/javascript">
  $( function() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height: "auto",
      width: 400,
      modal: true,
      buttons: {
        "Delete": function() {
         // YOUR LOGIC GOES HERE
          $( this ).dialog("close");
        },
        Cancel: function() {
          $(this).dialog( "close" );
        }
      }
    });
  } );
  </script>

然后在您的网页上添加以下HTML

<div id="dialog-confirm" title="Delete Item?">
  <p>Do you want to proceed?</p>
</div>

最后,当你想要显示对话框时,你只需要调用以下功能。 例如,要在单击按钮时触发它...您可以使其像下面的

<button type="button" id="btn_delete">Delete</button>

<script type="text/javascrpt">
$("#btn_delete").click(function(){
 $( "#dialog-confirm").dialog( "open" );
});
</script>

您可以在以下链接中找到更多详细信息。

jQuery Dialog

对于javascript确认 您无法为Javascript Confirm重命名按钮标题,因为它由浏览器管理,并且没有任何可以操作这些组件的库或插件。