首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在ASP.NET webforms中使用Bootbox提示

在ASP.NET webforms中使用Bootbox提示
EN

Stack Overflow用户
提问于 2019-01-16 08:47:50
回答 1查看 904关注 0票数 0

在我的ASP.NET webforms.Currently中,我很难理解如何使用Bootbox的提示功能,我使用默认的JS提示符,如下所示:

代码语言:javascript
运行
复制
<script language='javascript'>
    function defaultval() {
        var pmt = prompt('Please enter a name for the template.',
            document.getElementById('HiddenFieldCurrentTemplate').value);
        return pmt;
    }
</script>

<asp:Button ID="btnSaveTemplate" runat="server" CssClass="btn-primary"  OnClientClick="HiddenField1.value = defaultval()" Text="Save as Template" />

基本上,我需要帮助用Bootbox的提示符替换默认的JS提示符,并将提示符返回的值赋值给隐藏字段,就像我目前使用OnClientClick="HiddenField1.value = defaultval()"“时所做的那样

EN

回答 1

Stack Overflow用户

发布于 2019-01-16 10:23:59

试试下面的代码片段。

使用asp.net web控件而不是我下面使用的html控件

代码语言:javascript
运行
复制
function defaultval() {
 bootbox.prompt("This is the default prompt!", function(result){ $("#HiddenField1").val(result);
$('#form1').submit();
 });
 
}
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" media="screen" />
<form id="form1" action="" method="post">
<input type='submit' onclick='return defaultval()' id='btnSubmit' name='btnSubmit' value="Save as Template" />

<input type='hidden' id='HiddenField1' name='HiddenField1' />
</form1>

编辑

请找到ASP.NET版本

代码语言:javascript
运行
复制
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" media="screen" />

</head>
<body>
 <form id="form1" runat="server">
     <asp:Button runat="server" ID="btnSubmit"  OnClick="btnSubmit_Click" OnClientClick='return defaultval()' Text="Save as Template" />
     <asp:HiddenField ID="HiddenField1" runat="server" />
</form>
    <script>
        function defaultval() {
            event.preventDefault();
            bootbox.prompt("This is the default prompt!", function (result) {
                if (result != null && result!='') {
                    $("#HiddenField1").val(result);
                    $("#<%=btnSubmit.ClientID%>").click();
                } else {
                    alert('please enter something in textbox');
                    return false;
                }
            });
           
        }
    
    </script>
</body>
</html>

C#码

代码语言:javascript
运行
复制
   protected void btnSubmit_Click(object sender, EventArgs e)
        {
            Response.Write(HiddenField1.Value);
        }

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54213233

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档