将页面上的元素更改为用户控件

时间:2011-02-08 19:10:28

标签: html asp.net-mvc-2 partial-views

所以我想将我页面上的不同table和div元素更改为用户控件,这样我就可以将它们渲染为部分视图,而不是使前端非常混乱。

这个表就是一个例子:

<table id="summaryInformation" class="resultsGrid" cellpadding="2" cellspacing="0">
                <tr>
                    <td id="EffectiveDateLabel" class="resultsCell">
                        <%= Html.LabelFor(m => m.EffectiveDate) %>
                    </td>
                    <td id="EffectiveDateValue" class="alignRight">
                        <%= Model.EffectiveDate.Value.ToString(Chatham.Web.Data.Constants.Format.DateFormatString) %>
                    </td>
                    <td id ="NotionalLabel" class="resultsCell">
                        <%= Html.LabelFor(m => m.Notional) %>
                    </td>
                    <td id="NotionalValue" class="alignRight">
                        <span>
                            <%= Chatham.Enumerations.CurrencyHelper.GetFriendlyName((Chatham.Enumerations.Currency)Model.FloatingComponent.CurrencyID.Value) %>
                        </span>
                        <%= Model.Notional.Value.ToString(Chatham.Web.Data.Constants.Format.CurrencyCentsIncludedFormatString) %>
                    </td>
                </tr>
                <tr>
                    <td id="MaturityDateLabel" class="resultsCell">
                        <%= Html.LabelFor(m => m.MaturityDate) %>
                    </td>
                    <td id="MaturityDateValue" class="alignRight">
                        <%= Model.MaturityDate.Value.ToString(Chatham.Web.Data.Constants.Format.DateFormatString)%>
                        -
                        <%= Model.AmortizationComponent.MaturityBusinessDayConvention%>
                    </td>
                        <td id="Td3" class="resultsCell"> Holiday City</td>
                        <td id="ddlHolidayCity" colspan="3">
                    <%for(int i = 0; i < Model.Trx.TransactionHolidayCityCollection.Count; i++){%><%=i > 0 ? "," : ""%>
                        <%=DropDownData.HolidayDays().ToList().Find(item => item.Value == Model.Trx.TransactionHolidayCityCollection[i].HolidayCityID.Value.ToString()).Text%><%}
                    %>
                    </td>
                    <td>
                </tr>
                <tr >
                    <td id="TimeStampLabel" class="resultsCell">
                        Rate Time Stamp
                    </td>
                    <td id="Timestamp" class="alignRight">
                        <%= Model.StateBag.CurveDate.TimeStamp.ToString(Chatham.Web.Data.Constants.Format.DateTimeFormatString) %>
                    </td>
                </tr>
            </table>

我如何将其更改为用户控件,然后如何将其渲染为前端的局部视图?

谢谢!

1 个答案:

答案 0 :(得分:0)

想出来。只需取出每个table元素并将其放入自己的.aspx文件中,在顶部导入相同的文件,然后将它们渲染为部分视图。