2012-11-12 3 views
0

일반 제목에 대해 유감스럽게 생각하지만 내가 만들고 싶은 요소를 호출하는 방법을 모른다. 그게 내가 필요로하는 것 ... 나는 이미지를 올리려고했지만 아직 필요한 권한을 얻지 못했다. 너무 아프다.Asp.Net MVC 4 일반 요소

여기 stackoverflow에서 질문의 페이지에서 각 제목 및 요약 다음에 질문의 태그를 표시하는 상자가 있습니다.

정확히 같은 모양을 원하지만 링크 대신 라디오 버튼 목록과 같은 방식으로 작동해야합니다. 나는 한 번에 하나씩 만 선택할 수 있으며, 하나를 골라 내면 선택한 사람이 다른 스타일을 더하게됩니다. 양식을 제출 후 컨트롤러에서 선택한 항목을 복구 할 수 있어야합니다.

저는 Asp.Net MVC4를 사용하고 있으며 요소를 만드는 옵션은 컨트롤러에서 가져옵니다.

코드가 없거나 내가 이미 작성한 것에 대한 문의는 죄송합니다. 그러나 나는이 필요성을 가지고 있는데, 이런 종류의 스타일이나 요소에 특정 이름이나 키워드가 있는지 알지 못합니다.

어디서부터 시작해야 할 지 알고 있습니까? (최종 결과가 비슷한 자습서가 있습니까?)? 도움을 주셔서 감사 드리며 나쁜 영어에 대해 사과드립니다.


코드 제안 응답 '링크보고 후

CSS 코드

입력 [TYPE = 라디오 {디스플레이 : 없음}

.rbLista 스팬 {폰트 패밀리 : "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;

font-size : 12px; 배경 : RGB (217,217,217); 테두리 : 1 픽셀 단색 RGB (217,217,217); } .rbLista 범위 : 호버 {테두리 : 1 픽셀 단색 RGB (54,52,53); 배경 : RGB (54,52,53); 색깔 : 백색; }

.rbLista input [type = radio] : checked + span {background : # D71712; color : #fff; 국경 : 1px 고체 # D71712; }

.rbLista 입력 [유형 = 라디오] : 선택 + 스팬 : 호버링 {배경 : # D71712; }

및보기 코드

<section class="rbLista"> 
     @foreach (var item in Model.ChamadoDetalhe.Transitos) 
     { 
      <label> 
       @Html.RadioButtonFor(x => x.NovoTransito.Transito, @item.Text, new {      @id = item.Text, @text = item.Text })<span>@item.Text</span> 
      </label> 
     } 
     @Html.ValidationMessageFor(x => x.NovoTransito.Transito) 
    </section> 

답변

0

당신은 뭔가 like this을 시도 할 수 있습니다. 여기에 working demo이 있습니다.

+0

감사합니다. 나는 그 예를보고 내가 필요로하는 것을 생각해 냈습니다. 내가 구현 한 솔루션으로 내 질문을 업데이트했습니다. 고마워요. –