ASP.NET MVC 편집기 템플릿. 표시 용 열 위치 지정

Question

ASP.net MVC 프로젝트에서 편집기 템플릿을 사용하고 있습니다. 편집기 템플리트는 숨겨진 필드, 선택란, 레이블 및 텍스트 상자로 구성됩니다.

다음

@model Models.Domain.myObject 

<p> 
    @Html.HiddenFor(x => x.Id) 

    @Html.DisplayFor(x => x.Name) 

    @Html.CheckBoxFor(x => x.Selected) 
    @Html.TextBoxFor(x => x.DefaultCount, new { disabled = "disabled"}) 

</p> 

내가이 템플릿을 사용하는 내보기에 무엇을 가지고 : 여기

편집기 템플릿입니다 내가 3 myObjects을 가지고

@Html.EditorFor(model => model.myObject) 

때때로이 가능하고 가끔있다 10. MVC는 한 가지 예외를 제외하고는 이러한 모든 것을 설정하는 훌륭한 작업을 수행합니다.

모든 이름이 서로 올바르게 정렬되도록하고 모양을 유지하기 위해 확인란을 서로 왼쪽으로 정렬하고 싶습니다.

어떻게하면됩니까?

는 지금은 이런 식으로 뭔가를 받고 있어요 : 솔루션의 기반이 잘

 displaydisplay checkbox textbox 
       display checkbox textbox 
displaydisplaydisplay checkbox textbox 

Answer 1

: 내가 (희망 당신은 정렬을 볼 수 있습니다)입니다 얻으려고

displaydisplay checkbox textbox 
display checkbox textbox 
displaydisplaydisplay checkbox text box 

html/css. "div"또는 "table"을 사용할 수 있습니다.

예 테이블 옵션 사용 :

VIEW "어머니"

<table> 
     @Html.EditorFor(model => model.myObject) 
</table> 

VIEW "아이"

<tr> 
    <td style="width: 200px; text-align: right;"> 
     @Html.HiddenFor(x => x.Id) 
     @Html.DisplayFor(x => x.Name) 
    </td> 
    <td> 
     @Html.CheckBoxFor(x => x.Selected) 
     @Html.TextBoxFor(x => x.DefaultCount, new { disabled = "disabled"}) 
    </td> 
</tr> 

참고 : 내가 말했듯이, 당신이 할 수있는을 divs를 사용하여 동일한 시각 효과를 적용하고 "css 클래스 "를 사용합니다.