foreach枚举div控制单个显示

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@model PagedList<Department>

<div class="row-fluid">
    <div class="span4">
        <div>
        </div>
    </div>
    <div class="span8">
        @using (Html.BeginForm(null, null, null, FormMethod.Get, new { id = "search" }))
        {
        <div class="dataTables_filter">
            <label>
                <button type="submit" class="btn">搜索 <i class="icon-search"></i></button>
             </label>
            <label>
                <span>手机:</span>
                @Html.TextBox("Mobile", null, new { @class = "m-wrap small" })
            </label>
            <label>
                <span>姓名:</span>
                @Html.TextBox("LoginName", null, new { @class = "m-wrap small" })
            </label>
        </div>
        }
    </div>
</div>

<div class="row-fluid">
  <div class="span12">
     @using (Html.BeginForm("ExportExcel", "User", null, FormMethod.Post, new { id = "ExportForm" }))
        {
        <div class="dataTables_filter">
            <label>
                <button class="btn" id="Export" data-target="userDiv" data-file="用户列表">导出Excel <i class="icon-signout"></i></button>
             </label>

            <input type="hidden" name="ExportContent" />
            <input type="hidden" name="ExportFileName" />

        </div>
        }
      </div>
    </div>

@{
   foreach (Department s in Model)
   {
    <div id="[email protected]"  onclick="showdiv(this)">
        <table class="table table-striped table-hover table-bordered" id="userDiv">
        <thead>
            <tr>
                <th class="hidden-480" style="text-align: left">
                    @s.Name
                </th>
            </tr>
        </thead>
    </table>
    </div>
    <div @*id="@s.ID"*@ id="[email protected]" class="trhidd" style="display:none">
        <table class="table table-striped table-hover table-bordered">
            <thead>
                <tr>
                    <th class="hidden-480">序号</th>
                    <th class="hidden-480">姓名</th>
                    <th class="hidden-480">月任务</th>
                    <th class="hidden-480">目前完成度</th>
                    <th class="hidden-480">其他</th>
                    <th class="hidden-480">操作</th>
                </tr>
            </thead>
            @{
       var db = new BaseDbContext();
       List<User> us = db.Users.Where(p => p.DepartmentID == s.ID).ToList();
       if (us.Count>0)
       {
           foreach (var uss in us)
           {
               decimal prop = 0;
               var dbContent = new CrmDbContext();
               crm_MonthPlanDetails monpd = dbContent.MonthPlanDetailss.Where(p => p.UserID == uss.ID).FirstOrDefault();
               if (monpd!=null)
               {
                   decimal pro = monpd.FirstWeekDegree + monpd.SecondWeekDegree + monpd.ThirdWeekDegree + monpd.FourthWeekDegree;
                   prop = (pro / monpd.MonthPlan)*100;
               }
                <tbody>

                    <tr>
                        <td style="text-align: center" class="hidden-480">@(us.IndexOf(uss) + 1)</td>
                        <td style="text-align: center" class="hidden-480">@uss.RemarkName</td>
                        @if (monpd != null)
                        {
                            <td style="text-align: center" class="hidden-480">@monpd.MonthPlan</td>
                        }
                        else
                        {
                            <td style="text-align: center" class="hidden-480">0</td>
                        }

                        <td style="text-align: center" class="hidden-480">
                           @if (monpd!=null)
                           {
                               @Html.TextBox("wanchengdu", prop.ToString("f2"), "", new {@readonly=true })
                               <span>%</span>
                           }
                           else
                           {
                               @Html.TextBox("wanchengdu", 0, "", new {@readonly=true })
                               <span>%</span>
                           }
                        </td>

                        <td style="text-align: center" class="hidden-480">其他</td>
                        <td style="text-align: center" class="hidden-480">
                            <a class="btn mini purple thickbox" title=‘查看详细信息‘ href="@Url.Action("Select", new { id = uss.ID })?TB_iframe=true&height=700&width=600">
                                <i class="icon-edit"></i>
                                查看
                            </a>
                        </td>
                    </tr>
                </tbody>

           }
       }
                }

        </table>
    </div>
   }
    }
 <div class="dataTables_paginate paging_bootstrap pagination" style="margin-bottom:10px">
    @Html.Pager(Model, new PagerOptions() { ShowTotalItemCount = true })
</div>
@section PageSpecificStyleSheetIncludes{

}
@section PageSpecificJavascriptIncludes{
    <script src="~/Assets/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //$(document).ready(function ()
        //{
        //    $(this).click(function ()
        //    {
        //        //var a = new Array();
        //        //$(".trhidd").each(function (key,id)
        //        //{
        //        //    var id = $(this).attr("id");
        //        //    id = $(this).data("id");
        //        //    a[key] = id;
        //        //    alert(a[key]);
        //        //});
        //        //for (var i = 0; i < a.length; i++) {
        //        //    alert(a[i]);
        //        //    $(a[i]).slideToggle("slow");
        //        //}

        //        var id = $(this).data("id");
        //        alert(id);
        //        $(".trhidd").slideToggle("slow");
        //    })
        //})

        function showdiv(div)
        {

            var a = div.id;
            var c = ("b-" + a);
            $("#"+c+"").slideToggle("fast")
        }
    </script>
    }
时间: 2024-10-24 01:27:13

foreach枚举div控制单个显示的相关文章

2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。

1,css有几种引入方式 使用HTML标签的STYLE属性 将STYLE属性直接加在单个的HTML元素标签上,控制HTML标签的表现样式.这种引入CSS的方式是分散灵活方便,但缺乏整体性和规划性,不利于后期的修改和维护,当需要修改网站的样式时,一个相同的修改可能涉及多个地方,维护成本高.使用STYLE属性的样式效果最强,会覆盖掉其它几种引入方式的相同样式效果.   将样式代码写在页面<STYLE>...</STYLE>标签之中 <STYLE>...</STYLE&

控制div层的显示以及隐藏

控制div层的显示以及隐藏,例如,点击登录,弹出登录的层. 1.添加script代码 <script> function add_address(){ $('#popup2').show(); $('#gray').show(); } function closeAddressDiv(){ $('#popup2').hide(); } </script> 2.在body标签里面添加如下的div <div class="popup2" id="po

Jquery控制滚动显示欢迎字幕

Jquery控制滚动显示欢迎字幕: 参考代码: <!DOCTYPE html> <html> <head> <title>Colin Marquee Welcome</title> <meta name="description" content=" Colin Marquee Welcome" /> <meta charset="utf-8" /> <me

S实现控制图片显示大小的方法【图片等比例缩放功能】

S实现控制图片显示大小的方法[图片等比例缩放功能] [需求]:读取磁盘中的图片,展示在弹出框中,等比例缩放图片,使图片显示完全. (读取磁盘中的图片展示在前台,请参照我的另一篇文章:) [开发]: 调用说明: 直接调用js函数即可. 我测试是一个image 标签中直接调用,如下: <div> <img id="showImageimg"  src="/sirdifoa/applycorrection/getImage.do?imgName=2017001.j

控制echo显示字体的颜色和效果

控制echo显示字体的颜色和效果 echo要变换颜色或显示效果的时候,要使用参数-e 格式:  echo -e "\033[字体颜色;字体背景颜色;字体显示效果m字符串\033[0m" 字体颜色.字体背景颜色.字体显示效果的位置可以互换. \033[;m 是对字体颜色或效果调用的开始 \033[0m 表示关闭对属性的调用 字背景颜色范围:40----49  40:黑 41:深红 42:绿 43:*** 44:蓝色 45:紫色 46:深绿 47:白色 字颜色:30-----------3

CSS实现div内文字显示两行,超出两行部分省略号显示

在搭建前台文章列表中,需要实现div内文字显示两行,超出的则省略号显示. 找了很多,都貌似只能一行显示.最后在百度知道找到答案. 答案转自百度知道,题主的自答. 用的是-webkit-私有属性.text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; 另有回

关于div的居中显示

让一个大的div在页面居中显示: html代码如下: <body> <div id="container"></div> </body> 不完善的方法: 1.仅仅在IE浏览器中居中 <style type="text/css" media="screen"> * { padding: 0px; margin: 0px; } /** *仅仅在IE浏览器中居中 / body{ text-al

ffmpeg加文字水印并控制水印显示时间或显示周期

#以下脚本保存成.sh文件运行,不会出现中文乱码问题 网上查到用enable关键字控制,实际是draw #加水印 水印位置由x,y,w,h来控制 #ffmpeg编译时需--enable-libfreetype才能用此功能 #!/bin/bash ffmpeg -y -i jiushu.mpg -acodec libfaac -b:a 30k -ar 44100 -r 15 -ac 2 -s 480x272 -vcodec libx264 -refs 2 -x264opts keyint=150:

如何在一个div标签里显示出另一个网页? &lt;iframe src=&quot; http://www.baidu.com &quot; width=&quot;800px&quot; height=&quot;200px&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt; &lt;/iframe&gt;

如何在一个div标签里显示出另一个网页? 用在div里用iframe,就像下面的代码 <iframe src=" http://www.baidu.com " width="800px" height="200px" scrolling="no" frameborder="0"> </iframe>