Mvc4在View中显示模型属性

时间:2016-09-21 12:31:50

标签: c# asp.net-mvc asp.net-mvc-4

我开发了一个模块,它工作正常。我有几个文本框和提交按钮。提交文本框值时,我将与db值进行比较并返回结果和显示。我也用过分页。这是我的行动方法。

   [HttpGet]
        public ActionResult Index(int? clientId, DateTime? dateofAction, int? doc_typeid, string employeeID,string citizenId,int? currentFilter, DateTime? filterdateTime,int? filterdocType,string filteredemployeeID,string filteredcitizenId,int? page)
        {
            logDetailsEnumeration model = new logDetailsEnumeration();
            DB_KYC3Entities db = new DB_KYC3Entities();
            var docTypes = from c in db.tm_doc_type select c;
            if (clientId != null)
            {
                page = 1;
            }
            else
            {
                clientId = currentFilter;
            }
            if(dateofAction!=null)
            {
                page = 1;
            }
            else
            {
                dateofAction = filterdateTime;
            }
            if(doc_typeid != null)
            {
                page = 1;
            }
            else
            {
                doc_typeid = filterdocType;

            }
            if(employeeID!=null)
            {
                page = 1;
            }
            else
            {
                employeeID = filteredemployeeID;
            }
            if(citizenId!=null)
            {
                page = 1;
            }
            else
            {
                citizenId = filteredcitizenId;
            }

            ViewBag.CurrentFilter = clientId;
            ViewBag.filterdateTime = dateofAction;
            int pageSize = 8;
            int pageNumber = (page ?? 1);
            VerificationLogBAL obj = new VerificationLogBAL();
            int docType = obj.GetDocDetails(doc_typeid?? default(int));
            List<logDetails> logDetails = obj.getlogDetails(clientId?? default(int), dateofAction??DateTime.Now, docType, employeeID, citizenId);
            IPagedList<logDetails> pagedLog = logDetails.ToPagedList(pageNumber, pageSize);
            model = new logDetailsEnumeration()
            {
                doc_typeid= doc_typeid,
                Count=logDetails.Count,
                employeeID = employeeID,
                citizenId= citizenId,
                logDetails = pagedLog,
                doctype_name=new SelectList(docTypes, "doc_typeid", "doctype_name")
            };
            return View("Index",model);
            }
        }

这是视图

<div class="forms">
    @using (Html.BeginForm("Index", "VerificationLog", FormMethod.Get))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
        <div class="message"></div>

        <div class="loginUsernamePassword">
            <i class="fa fa-user"></i>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="dataTable tableHover">
                <tr>
                    <th width="8%" scope="col">Client ID</th>
                    <th width="20%" scope="col">
                        <div class="form-box form-box-default">

                            @Html.TextBoxFor(x=>x.clientId, ViewBag.CurrentFilter as string, new { @id = "clientId", @placeholder = "Client ID", @class = "form-control", @maxlength = 20 })

                        </div>
                    </th>
                    <th width="10%" scope="col">Date Of Action</th>
                    <th width="20%" scope="col">
                        <div class="form-box form-box-default">
                         @Html.TextBoxFor(x=>x.dateofAction, ViewBag.filterdateTime as string,  new { @id = "dateofAction", @placeholder = "Date Of Action", @class = "txtBox form-control calender validate[required]" })
                            @*@Html.TextBox("dateofAction", ViewBag.filterdateTime as string,  new { @id = "dateofAction", @placeholder = "Date Of Action", @class = "txtBox form-control calender validate[required]" })*@


                        </div>
                    </th>
                    <th width="15%" scope="col">Type Of Document</th>
                    <th width="17%" scope="col">
                        <div class="form-box form-box-default">
                            @*@Html.TextBox("typeofDocument", ViewBag.filterdateTime as string, new { @id = "typeofDocument", @placeholder = "Type Of Document", @class = "form-control", @maxlength = 20 })*@
                            @Html.DropDownListFor(x=>x.doc_typeid,Model.doctype_name,"Select",new { @class = "form-control" })

                                                </div>
                    </th>
                </tr>
                <tr>
                    <th width="15%" scope="col">Employee ID</th>
                    <th width="17%" scope="col">
                        <div class="form-box form-box-default">
                            @Html.TextBoxFor(x=>x.employeeID, Model.employeeID, new { @id = "employeeID", @placeholder = "Employee ID", @class = "form-control", @maxlength = 20 })

                        </div>
                    </th>
                    <th width="15%" scope="col">Citizen ID</th>
                    <th width="17%" scope="col">
                        <div class="form-box form-box-default">
                            @Html.TextBoxFor(x=>x.citizenId, Model.citizenId, new { @id = "citizenId", @placeholder = "Citizen ID", @class = "form-control", @maxlength = 20 })


                        </div>
                    </th>
                    <th width="10%" scope="col" colspan="2">
                        <input type="submit" value="Search" class="btn btn-primary btn-cons search" />
                </tr>
            </table>

            </div>
            }

        </div>

        @if (Model != null && Model.logDetails.Count != 0)
        {
            <br />
            <h2>Verification Log</h2>
            <br />
            <div id="GridDetails">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="dataTable tableHover">
                    <tr>
                        <th>Label</th>
                        <th>Value</th>
                        <th>UpdatedOn</th>
                        <th>UpdatedBy</th>
                        <th>UpdatedStatus</th>
                        <th>RejectComment</th>
                    </tr>
                    @foreach (var group in Model.logDetails)
                    {
                        <tr>
                            <td>@group.contentLabel</td>
                            <td>@group.contentValue</td>
                            <td>@group.updatedOn</td>
                            <td>@group.updatedBy</td>
                            <td>@group.updatedStatus</td>
                            <td>@group.rejectComment</td>
                        </tr>

                    }
                </table>

                @Html.PagedListPager(Model.logDetails, page => Url.Action("Index",
new { page, currentFilter = ViewBag.CurrentFilter, filterdateTime=ViewBag.filterdateTime, filterdocType= Model.doc_typeid, filteredemployeeID = Model.employeeID, filteredcitizenId = Model.citizenId }))
                Page @(Model.logDetails.PageCount < Model.logDetails.PageNumber ? 0 : Model.logDetails.PageNumber) of @Model.logDetails.PageCount
            </div>
        }

以上代码工作正常。我有一些困难。内部动作方法我有模型。在模型里面我有Count = logDetails.Count。 Count将保持返回的行数。当第一次加载页面时,计数值将为0,当数据库中没有相应的匹配数据时,计数值也将为0.我想显示如下所示的消息。

var records = @Html.Raw(Model.Count);
             if(records==0)
             {
                 fun_toastr_notify('success','No Records Found');
             }

它也可以工作但是当页面第一次加载时它也会弹出消息(计数将为零)。我可以知道如何避免这种情况?提前谢谢。

2 个答案:

答案 0 :(得分:0)

你试过这样的事吗? (该代码已经动态编写,未经测试)

<script type="javascript/text">
         document.ready(function(){
            @if (Model.logDetails.Count != 0)
            {
                fun_toastr_notify('success','No Records Found');
            }
         };
</script>

答案 1 :(得分:0)

第一次传递一个viewbag.isfirsttime = true取决于搜索参数或你必须区分的任何东西,如果它是第一次。 而不是代码

$.ajax({
    type: 'GET',
    url: "https://xxxx",
    contentType: "application/json; charset=utf-8",
    dataType: "jsonp",
    crossDomain: true,
    data: { "api_token": "xxxx", "api_token_secret": "xxx" },
    success: function (data) {
        console.log(data);
    },
    error: function (data) {
        alert("error");
    }
});

这肯定会奏效。快乐的编码!