How can I hide a check box inside my web grid with an if function?

Question

I am doing this project in Visual Studio 2013, it is an MVC aplication. So I have this webgrid here:

@gridSensorChoose.GetHtml(
    mode: WebGridPagerModes.All,
    columns:

    gridSensorChoose.Columns(

    gridSensorChoose.Column("SensorID", format: @  @item.SensorID  ),

    gridSensorChoose.Column("DeviceID", format: @  @item.DeviceID  ),

    gridSensorChoose.Column("SensorType", format: @  @item.SensorType  ),

    gridSensorChoose.Column("SensorName", @Html.Localize("sensorName").ToString(), format: @  @item.SensorName   ),

    gridSensorChoose.Column("VAL", format: @),

    gridSensorChoose.Column("MIN", format: @  ),

    gridSensorChoose.Column("AVG", format: @  ),

    gridSensorChoose.Column("MAX", format: @  ),

    gridSensorChoose.Column("SUM", format: @  ),

    gridSensorChoose.Column("INT", format: @  )

                                ))

Now I want to hide ONLY the check boxes in the last two rows (in my case "SUM" and "INT"), but also leave the rows and culmns displayed (regardless if they show nothing), if the value of the third row (in my case @item.SensorType) is less than 100 for example.

What I started doing in java script was:

But then I realized that another action has to be done in order for the tr to work, becasue nothing is selected, and I just want this to work on page load- as soon as the webgrid is displayed. Cna anyone help?

Here is the output:




    
        
            SensorID
        
        
            DeviceID
        
        
            SensorType
        
        
            Sensor Name
        
        
            VAL
        
        
            MIN
        
        
            AVG
        
        
            MAX
        
        
            SUM
        
        
            INT
        
    


    
          1  
          1  
          10  
          Soil Temperature    
        
          
          
          
          
          
    
    
          2  
          1  
          1  
          Soil Moisture na 15cm   
        
          
          
          
          
          
    
    
          3  
          1  
          1  
          Soil Moisture na 30cm   
        
          
          
          
          
          
    
    
          4  
          1  
          101  
          Leaf wetness prvi   
        
          
          
          
          
          
    
    
          5  
          1  
          201  
          Ait temperature    
        
          
          
          
          
          
    
    
          6  
          1  
          202  
          Air humidity    
        
          
          
          
          
          
    
    
          7  
          1  
          203  
          Wind speed    
        
          
          
          
          
          
    
    
          8  
          1  
          204  
          Wind direction    
        
          
          
          
          
          
    
    
          9  
          1  
          205  
          Precipitation    
        
          
          
          
          
          
    
    
          10  
          1  
          206  
          Solar radiation    
        
          
          
          
          
          
    
    
          51  
          1  
          20  
          Battery    
        
          
          
          
          
          
    
    
          56  
          1  
          101  
          Leaf wetness drugi

Alex Char · Accepted Answer

After your comment and posting your actual html structure the solution is totally different. First ID should be unique. You can use classes instead. Second you can use jquery .each() to iterate the table like this:

$("table tr").not(":first").each(function() {
  //chech if sensorType is less than 100 and hide the checkboxes
  if (~~$(this).find(".SensorType").text() < 100) {
    $(this).find(".sum").hide();
    $(this).find(".int").hide();
  }
});

table tr td {
  border: solid 1px;
}



  
    
      
        SensorID
      
      
        DeviceID
      
      
        SensorType
      
      
        Sensor Name
      
      
        VAL
      
      
        MIN
      
      
        AVG
      
      
        MAX
      
      
        SUM
      
      
        INT
      
    
  
  
    
       1 
      
       1 
      
       10 
      
       Soil Temperature   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       2 
      
       1 
      
       1 
      
       Soil Moisture na 15cm  
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       3 
      
       1 
      
       1 
      
       Soil Moisture na 30cm  
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       4 
      
       1 
      
       101 
      
       Leaf wetness prvi  
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       5 
      
       1 
      
       201 
      
       Ait temperature   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       6 
      
       1 
      
       202 
      
       Air humidity   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       7 
      
       1 
      
       203 
      
       Wind speed   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       8 
      
       1 
      
       204 
      
       Wind direction   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       9 
      
       1 
      
       205 
      
       Precipitation   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       10 
      
       1 
      
       206 
      
       Solar radiation   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       51 
      
       1 
      
       20 
      
       Battery   
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    
    
       56 
      
       1 
      
       101 
      
       Leaf wetness drugi

How can I hide a check box inside my web grid with an if function?

Answers (2)

Related Questions