如何在HTML中为类设置可见的true或false?

时间:2019-07-09 14:50:34

标签: html asp.net-mvc

在此HTML语法中,我们使用导出按钮及其图标。我将不得不基于数据库值IsExport = 0(或)1设置visible = true或false。

可见的语法是什么,如何将变量值传递给HTML标记?

<a class="Resource" href="javascript:void(0)">
                <span class="glyphicon icon-export"></span>
                <span class="i18n">export</span>
            </a>

2 个答案:

答案 0 :(得分:1)

没有直接属性可以直接将HTML标签中的Visible = true / false设置为HTML标记,您可以使用以下隐藏属性:

<a href="#" hidden>

此外,您可以使用javascript随时更改

<script>
       $.ajax({
             contentType: 'application/json',
             dataType: 'JSON',
             url: 'someURL',
             type: 'GET',
             success: function (data) {
                        if (data.flagFromDataBase === 1) {
                           document.querySelector('.Resource').style.visibility = "hidden"
                        } else {
                           document.querySelector('.Resource').style.visibility = "visible"
                        }
             },
             failed: function () {
                console.log('Something went wrong :(';              
             }
        });  
</script>

或者,如果您想禁用/启用按钮但保持可见状态,可以使用此按钮代替document.querySelector().style,使用以下命令:

if(data.flagFromDataBase === 1) {
   $('#myButton').prop('disabled', true);
} else {
   $('#myButton').prop('disabled', false);
}

答案 1 :(得分:0)

不清楚如何从服务器获取数据,但是我知道有一种在CSS中隐藏控件的方法。如果要使用HTML进行此操作,请执行以下操作:

def dir_equal(dir1, dir2):
    dir_cmp = filecmp.dircmp(dir1, dir2)
    if len(dir_cmp.left_only)>0 or len(dir_cmp.right_only)>0 or \
        len(dir_cmp.funny_files)>0:
        return False
    (_, mismatch, errors) =  filecmp.cmpfiles(
        dir1, dir2, dir_cmp.common_files, shallow=False)
    if len(mismatch)>0 or len(errors)>0:
        return False
    for common_dir in dir_cmp.common_dirs:
        new_dir1 = os.path.join(dir1, common_dir)
        new_dir2 = os.path.join(dir2, common_dir)
        if not dir_equal(new_dir1, new_dir2):
            return False
    return True

Expected Output 
***************
Non matching file Name  |   Comments 
File1                   | Dir1 has Name='User3' , Deisgnation='Sofware 
                         Developer' , Region='PY'
                         Dir2 has Name='User3' , Deisgnation='Sofware 
                         Developer' , Region='GY'     

贷方转到:hidden property of button in html。 #b1,#b2和#b3是按钮,在您的情况下只是一个按钮,因此您可以对其进行修改(我已经为您完成了)。希望对您有帮助!