Изменение элементов на странице в пользовательские элементы управления

Question

Итак, я хочу изменить различные элементы 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>

Как бы я изменил это в пользовательский элемент управления, а затем, как я бы отобразил это как частичное представление в интерфейсе?

Спасибо!

Answer 1

Разобрался. Просто взял каждый элемент table и поместил его в свой собственный файл .aspx, импортировав те же файлы вверху, а затем отобразив их как частичные представления.