重置表格模型值

时间:2018-09-24 05:04:42

标签: javascript jquery

我有一个带许多文本框的asp.net核心表单。我想添加一个取消按钮,以便用户可以将表单恢复为其原始模型值。

我需要避免回发。

我正在使用jquery隐藏显示编辑保存取消按钮。

$('.edit').click(function() {
    $(this).hide();
    $(this).siblings('.save, .cancel').show();
});
$('.cancel').click(function() {
    $(this).siblings('.edit').show();
    $(this).siblings('.save').hide();
    $(this).hide();
});
$('.save').click(function() {
    $(this).siblings('.edit').show();
    $(this).siblings('.cancel').hide();
    $(this).hide();
});

如何操纵取消按钮将表格重置为模型值:

类似的东西:

$('.save').click(function() {
    $(this).siblings('.edit').show();
    $(this).siblings('.cancel').hide();
    $(this).hide();
    var $form = this.closest('form'); 
    $form.resetForm();
});

3 个答案:

答案 0 :(得分:2)

您可以执行以下操作,以获取整个服务器端模型并将其变成Javascript对象:

<script>
    function resetToDefault(){
        var model = @Html.Raw(Json.Encode(Model));
        for (var prop in model) {
            var controlId = prop;
            var value = model[prop];
            $('.' + controlid).val(value);
        }
    }
</script>

但是,如果您要清除表单,请尝试如下操作:

$("#idForm").reset();

答案 1 :(得分:0)

我用这个

$('#reset').click(function () {$('#in1,#in2,#in3'...).val('');});

LINK您也可以在这里看到;)

答案 2 :(得分:0)

尝试一下:

pd.concat([df,pd.DataFrame({i:df.Tagstring.str.contains(i).astype(int) for i in 'LOC  ORG  PER MISC'.split()})],axis=1)
Out[716]: 
                                                 Tagstring  LOC  ORG  PER    MISC 
Colnum                                                                      
1                                LOC/Thai Buddhist temple;    1    0    0       0
2                                               PER/louis;    0    0    1       0
3                        ORG/WikiLeaks;LOC/Southern Ocean;    1    1    0       0
4                                               ORG/queen;    0    1    0       0
5        PER/Sanchez;PER/Eli Wallach;MISC/The Good, The...    0    0    1       1
6                                       PER/Thomas Watson;    0    0    1       0