Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery遍历webgrid行并更改标签背景色_Jquery - Fatal编程技术网

JQuery遍历webgrid行并更改标签背景色

JQuery遍历webgrid行并更改标签背景色,jquery,Jquery,我正在编写一个WebGrid,其中每个列都有标签。对于列PREV STAT MISSION、STAT MISSION、PREV STAT QUAL和STAT QUAL,有1到4的值。我想更改标签的背景色以显示以下1:绿色2:黄色、3:红色和4:黑色 我如何编写一个JQuery函数,它将遍历webgrid中的每一行,检查PREV STAT MISSION、STAT MISSION、PREV STAT QUAL和STAT QUAL的值,并更改标签的背景色 谢谢,非常感谢 <div id="gv

我正在编写一个WebGrid,其中每个列都有标签。对于列PREV STAT MISSION、STAT MISSION、PREV STAT QUAL和STAT QUAL,有1到4的值。我想更改标签的背景色以显示以下1:绿色2:黄色、3:红色和4:黑色

我如何编写一个JQuery函数,它将遍历webgrid中的每一行,检查PREV STAT MISSION、STAT MISSION、PREV STAT QUAL和STAT QUAL的值,并更改标签的背景色

谢谢,非常感谢

<div id="gvFacilities">
    @{
        var grid = new WebGrid(Model, canPage: true, selectionFieldName: "selectedRow", ajaxUpdateContainerId: "gridContent");

        <div id="gridContent">
            @grid.GetHtml(
            htmlAttributes: new { id = "gvFacilities" },
            tableStyle: "webGrid",
            headerStyle: "header",
            alternatingRowStyle: "alt",
            columns: grid.Columns(
                grid.Column("SITE_UID", format: @<text> <span class="display-mode"></span><label id="lblSiteUID" class="edit-mode">@item.SITE_UID</label></text>, style: "color:blue"),
                grid.Column("FACNO", format: @<text> <span class="display-mode"><label id="lblFacNo" class="edit-mode">@item.FACNO</label></span></text>),
                grid.Column("CATCODE", format: @<text> <span class="display-mode"><label id="lblCatCode" class="edit-mode">@item.CATCODE</label></span></text>),
                grid.Column("UIC", format: @<text> <span class="display-mode"><label id="lblUIC" class="edit-mode">@item.UIC</label></span></text>),
                grid.Column("PREV_STAT_MISSION", format: @<text> <span class="display-mode"><label id="lblPrevStatMission" class="edit-mode"> @(item.PREV_STAT_MISSION == 1 ? " F1 " : item.PREV_STAT_MISSION == 2 ? "  F2 " : item.PREV_STAT_MISSION == 3 ? " F3 " : item.PREV_STAT_MISSION == 4 ? " F4 " : item.PREV_STAT_MISSION == 5 ? " F5 " : "")</label></span></text>),
                grid.Column("STAT_MISSION", format: @<text><span class="display-mode"><label id="lblStatMission" class="edit-mode">@(item.STAT_MISSION == 1 ? "F1" : item.STAT_MISSION == 2 ? "F2" : item.STAT_MISSION == 3 ? "F3" : item.STAT_MISSION == 4 ? "F4" : item.STAT_MISSION == 5 ? "F5" : "")</label></span></text>),
                grid.Column("PREV_STAT_QUAL", format: @<text><span class="display-mode"><label id="lblPrevStatQual" class="edit-mode">@(item.PREV_STAT_QUAL == 1 ? "Q1" : item.PREV_STAT_QUAL == 2 ? "Q2" : item.PREV_STAT_QUAL == 3 ? "Q3" : item.PREV_STAT_QUAL == 4 ? "Q4" : item.PREV_STAT_QUAL == 5 ? "Q5" : "")</label></span></text>),
                grid.Column("STAT_QUAL", format: @<text><span class="display-mode"><label id="lblStatQual" class="edit-mode">@(item.STAT_QUAL == 1 ? "Q1" : item.PREV_STAT_QUAL == 2 ? "Q2" : item.PREV_STAT_QUAL == 3 ? "Q3" : item.PREV_STAT_QUAL == 4 ? "Q4" : item.PREV_STAT_QUAL == 5 ? "Q5" : "")</label></span> </text>),
                grid.Column("CYRATING", format: @<text><span class="display-mode"><label id="lblCYRating" class="edit-mode">@(item.CYRATING != null ? item.CYRATING : "")</label></span></text>),
                grid.Column("CONSTR_TYPE", format: @<text><span class="display-mode"><label id="lblType" class="edit-mode">@(item.CONSTR_TYPE != null ? item.CONSTR_TYPE : "")</label></span> </text>),    
                grid.Column("ASSET_UID", format: @<text><span class="display-mode"><label id="lblAssetUID" class="edit-mode">@(item.ASSET_UID != null ? item.ASSET_UID : "")</label></span></text>),
                grid.Column("RATINGDUE", format: @<text><span class="display-mode"><label id="lblRatingDue" class="edit-mode">@(item.RATINGDUE != null ? item.RATINGDUE : "")</label></span></text>),
                grid.Column("AMOUNT", format: @<text><span class="display-mode"><label id="lblAmount" class="edit-mode">@(item.AMOUNT != null ? item.AMOUNT : "")</label></span></text>),    
                grid.Column("CATCODE_UM", format: @<text><span class="display-mode"><label id="lblCatcodeUM" class="edit-mode">@(item.CATCODE_UM != null ? item.CATCODE_UM : "")</label></span></text>),
                grid.Column("UIC", format: @<text><span class="display-mode"><label id="lblUIC" class="edit-mode">@(item.UIC != null ? item.UIC : "")</label></span></text>)

               ))
        </div>
    }
</div>

@{
var grid=new WebGrid(模型,canPage:true,selectionFieldName:“selectedRow”,ajaxUpdateContainerId:“gridContent”);
@grid.GetHtml(
HtmlatAttributes:new{id=“gvFacilities”},
表样式:“webGrid”,
headerStyle:“header”,
alternatingRowStyle:“alt”,
列:grid.columns(
grid.Column(“SITE\u UID”,格式:@@item.SITE\u UID,样式:“颜色:蓝色”),
grid.Column(“FACNO”,格式:@@item.FACNO),
grid.Column(“CATCODE”,格式:@@item.CATCODE),
grid.Column(“UIC”,格式:@@item.UIC),
网格列(“上一次统计任务”,格式:@(item.PREV_统计任务==1?“F1”:item.PREV_统计任务==2?“F2”:item.PREV_统计任务==3?“F3”:item.PREV_统计任务==4?“F4”:item.PREV_统计任务==5?:”),
网格.列(“统计任务”,格式:@(item.STAT_任务==1?“F1”:item.STAT_任务==2?“F2”:item.STAT_任务==3?“F3”:item.STAT_任务==4?“F4”:item.STAT_任务==5?“F5”:“),
grid.Column(“PREV_STAT_QUAL”,格式:@(item.PREV_STAT_QUAL==1?“Q1”:item.PREV_STAT_QUAL==2?“Q2”:item.PREV_STAT_QUAL==3?“Q3”:item.PREV_STAT_QUAL==4?“Q4”:item.PREV_STAT_QUAL==5?:),
网格列(“统计质量”,格式:@(item.STAT\u QUAL==1?“Q1”:item.PREV\u STAT\u QUAL==2?“Q2”:item.PREV\u STAT\u QUAL==3?“Q3”:item.PREV\u STAT\u QUAL==4?“Q4”:item.PREV\u STAT\u QUAL==5?:“),
grid.Column(“CYRATING”,格式:@(item.CYRATING!=null?item.CYRATING:),
grid.Column(“CONSTR_TYPE”,格式:@(item.CONSTR_TYPE!=null?item.CONSTR_TYPE:),
grid.Column(“ASSET\u UID”,格式:@(item.ASSET\u UID!=null?item.ASSET\u UID:),
grid.Column(“RATINGDUE”,格式:@(item.RATINGDUE!=null?item.RATINGDUE:),
grid.Column(“金额”,格式:@(item.AMOUNT!=null?item.AMOUNT:),
grid.Column(“CATCODE_UM”,格式:@(item.CATCODE_UM!=null?item.CATCODE_UM:),
grid.Column(“UIC”,格式:@(item.UIC!=null?item.UIC:))
))
}