2013-09-01 2 views
-2

DetailsView CommandRowStyle의 스타일을 변경할 수 있다는 것을 알고 있지만 실제 편집 및 삭제 링크의 스타일을 변경하려면 어떻게해야합니까? 액세스 할 수 있습니까?DetailsView 편집 및 삭제 링크의 스타일을 어떻게 변경할 수 있습니까?

이미지를 사용하지 않고 편집 링크와 삭제 링크가 이미 만든 링크 버튼 CSS와 일치하도록하고 싶습니다. 당신이 가장 적합한 하나를보기 위해 시도 할 수

답변

1

ControlStyle-CSSClass 속성을 사용할 수있었습니다. 다른 컨트롤처럼 CSSClass를 찾고 있었기 때문에 사용할 수 있다는 것을 알지 못했습니다. 도움을

감사 @FlopScientist

1

일부 옵션은 다음과 같습니다

1.) 삭제, 당신의 <fields> 태그 당신이 대신 삽입에 대한 링크 버튼을 표시 할 수있는이 방법 안에 CommandField를 사용하여 ... 작업을. <asp:CommandField> 어떤 CSSClass 속성이하지 않는

<Fields> 
     <asp:CommandField ButtonType="Button" ... /> 
    </Fields> 

참고.

2.) TemplateField을 사용할 수 있습니다. 이 버튼 안에는 사용자의 필요에 따라 버튼, 링크 버튼 등을 넣고 CSSClass 속성을 지정하여 CSS 스타일을 추가로 사용자 정의 할 수 있습니다. 참조하십시오. MSDN

<asp:templatefield> 
    <itemtemplate> 
     <asp:Button id="NewRecordbtn" CssClass="ClassNewButton" 
      CommandName="Insert" 
      runat="server"/> 
     <asp:LinkButton id="DeleteButton" CSSClass="ClassDelButton" 
      CommandName="Delete" 
      runat="server"/> 
    </itemtemplate> 
</asp:templatefield> 

희망 사항을 알려주십시오.

그러나 <ItemTemplate>을 지정한 후에는 <InsertItemTemplate><EditItemTemplate>으로 지정해야합니다. 또한 유사한 아이디어를 나타내는 this link을 참조하십시오.

1

두 가지 방법 :

<asp:GridView ...cut...> 
    <Columns> 
     <asp:CommandField ButtonType="Link" ShowEditButton="True"> 
      <!-- CSS classes on td --> 
      <ItemStyle HorizontalAlign="Right" CssClass="command_field" /> 
      <!-- CSS classes on buttons --> 
      <ControlStyle CssClass="button_style default_colour small_size" /> 
     </asp:CommandField> 
    </Columns> 
</asp:GridView> 

또는

<asp:CommandField ButtonType="Link" ShowEditButton="True" 
    ControlStyle-CssClass="button_style" /> 
관련 문제