如何在对话框中添加重置按钮

How to add reset button in Dialog box

本文关键字：按钮 添加 对话框      更新时间：2023-09-26

我想在对话框中添加一个重置按钮，其工作是从数据库中删除隐藏字段值并关闭对话框：

这是我的代码

<script type="text/javascript">
function OpenPopup() {
    var data = document.getElementById('<%=hflinkData.ClientID %>').value;
    var keyval = data.split(';');
    var table = '<table>';
    for (var i = 0; i < keyval.length; i++) {
        var arr = keyval[i].split('=');
        table += "<tr><td>" + arr[0] + "</td><td>" + arr[1] + "</td></tr>";

    }
    table += '</table>';
    $('#WindowBody').html(table);
    $('#dialogWindow').dialog({
              autoOpen: false,
              modal: true,
              height: 200,
              width: 500,
              title: "Device Info",
              resizable: false,
              draggable: false,
              position: ['center', 'center'],
              closeOnEscape: true,
              open: function (event, ui)
              {
                  $('.ui-dialog').css('top', 100);
              },
              create: function (event) { $(event.target).parent().css('position', 'fixed'); }
    });
    $('#dialogWindow').dialog('open');
    return false;
}

'

这是我的 HTML 代码

<div id="dialogWindow" >
        <label></label>
        <div id="WindowBody">
        </div>                      
    </div>`

其中"hflinkData"是隐藏字段的名称

请使用 ajax 帖子来满足您的要求。在对话框中使用普通的 html 输入按钮。请参阅下面的代码片段。

<div id="dialogWindow" >
    <label></label>
    <div id="WindowBody">
    </div>   
 <input type="button" onclick="deleteValue();" value="RESET" />                   
</div>

并将 AJAX 帖子发送到"deleteValue"方法中的代码隐藏。请参阅下面的JavaScript代码片段。

<script type="text/javascript">
    function deleteValue() {
        $.ajax({
            url: "Default.aspx/DeleteData",
            type: "POST",
            data: {value:$("#hflinkData").val()},
            error: function (data) {
                alert(data);
            },
            success: function (result) {
                alert(result);
            }
        })
    }
</script>

并在代码隐藏中编写删除操作所需的代码。

[WebMethod]
    public static void DeleteData(string value)
    {
        //get the hidden value from parameter
        //code for delete corresponding value from data base
    }

问候苏尼尔·普拉巴卡尔 C

相关文章：