MVC拼接前臺頁面

? ? ? ? ? MVC的頁面中，有多個相同類型的組件，但是其中的數(shù)據(jù)值不同，而且個數(shù)也是未知的，如圖

? ? ? ? ??

? ? ? ? ??這里使用的是@Html.Raw(ViewBag.Message)

? ? ? ? ??在頁面中的適當(dāng)?shù)奈恢?#xff0c;寫該代碼即可

? ? ? ? ??后臺，Controller中還是利用的MVC的機制，返回頁面的時候，連帶拼接的字符串一塊返回。 ? ?

public ActionResult Index(){//獲取試題IDstring Num =Request.QueryString["Num"];//獲取所有的審批，按時間排序List<QueryResultViewModel>Info = QueryAllType(Num);//獲取審批個數(shù)int Number = Info.Count;//初始化strHTMLStringBuilder strRadioBtn = newStringBuilder();//循環(huán)遍歷，動態(tài)拼接for (int i = 0; i < Number;i++){strRadioBtn.Append("<div class=\"panel panel-default\"style=\"width:1075px; margin-left:10px;\">");strRadioBtn.Append("<div class=\"panel-heading\">審批類型—" + Info[i].departmentName + "<spanstyle=\"margin-left:820px\">狀態(tài)："+ Info[i].accumulateStates + "</span>" +"</div>");strRadioBtn.Append("<div class=\"panel-body\">");strRadioBtn.Append("<div>");strRadioBtn.Append("<span >用戶名："+Info[i].userName+"</span>");strRadioBtn.Append("</div>");strRadioBtn.Append("<div style=\"float:left;margin-left:820px;margin-top:-20px;\">");strRadioBtn.Append("<span >上傳日期："+Info[i].date+"</span><br>");strRadioBtn.Append("</div>");strRadioBtn.Append("<span >審批內(nèi)容："+Info[i].accumulateDescription+"</span><br>");strRadioBtn.Append("<span >回復(fù)內(nèi)容："+Info[i].operaterResponse+"</span><br>");strRadioBtn.Append("<div>");strRadioBtn.Append("<span >審批人："+Info[i].operaterName+"</span>");strRadioBtn.Append("</div>");strRadioBtn.Append("<divstyle=\"float:left;margin-left:820px;margin-top:-20px;\">");strRadioBtn.Append("<span >審批日期："+ Info[i].operaterDate + "</span>");strRadioBtn.Append("</div>");strRadioBtn.Append("</div>");strRadioBtn.Append("</div>");}//返回頁面ViewBag.Message = strRadioBtn;returnView("ResultInfo");}

總結(jié)

以上是生活随笔為你收集整理的MVC拼接前台页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。