ASP.Net에서 여러 개의 숨겨진 Div 만들기 | Ajax | JQuery

Question

웹 프로그래밍에서 다소 새로운 기능입니다.
검색 페이지를 디자인하려고합니다. 라디오 버튼을 클릭 할 때마다 관련 검색 div가 포함 된 div가 표시되는 라디오 버튼을 몇 개 만들고 싶습니다. 그리고 데이터베이스에서 쿼리를 수행하려면 (게시물과 관련 없음)

어떻게 할 수 있습니까? 은 검색을 시도했지만 좋은 답변을 얻지 못했습니다. 나는 페이지의 변경이 클라이언트 측이 아니라 서버 측에 있기를 원한다. p.s. 지금까지 Ajax 컨트롤 키트로 작업 해 왔습니다.

감사합니다.

Answer 1

UpdatePanel, 라디오 버튼 및 MultiView 컨트롤 만 있으면됩니다.

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<div> 
<asp:RadioButton ... 
<asp:RadioButton ... 
</div> 
<asp:MultiView ID="mvAll" runat="server" ActiveViewIndex="-1"> 
<asp:View ID="vwFirst" runat="server"> 
</asp:View> 
<asp:View ID="vwSecond" runat="server"> 
</asp:View> 
... 
</asp:MultiView> 
</ContentTemplate> 
</asp:UpdatePanel> 

선택한 라디오 버튼은 단지 당신은 패널 및 업데이트 패널이 작업을 수행 할 수

mvAll.SetActiveView(ViewIDYouNeed); 

Answer 2

활성화 관련보기를 설정, 변경합니다.

<asp:RadioButton ID="rdo1" AutoPostBack="true" GroupName="radios" runat="server" OnCheckedChanged="ShowDivs" /> 
<asp:RadioButton ID="rdo2" AutoPostBack="true" GroupName="radio2" runat="server" OnCheckedChanged="ShowDivs" /> 

<asp:UpdatePanel runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
    <asp:Panel ID="pnl1" runat="server" Visible="false"></asp:Panel> 
    <asp:Panel ID="pnl2" runat="server" Visible="false"></asp:Panel> 
</ContentTemplate> 
<Triggers> 
    <asp:AsyncPostBackTrigger ControlID="rdo1" /> 
    <asp:AsyncPostBackTrigger ControlID="rdo2" /> 
</Triggers> 
</asp:UpdatePanel> 

그러면 코드에서 ShowDivs 메서드의 패널에 대한 Visible 속성 설정을 처리하게됩니다.

또는 jquery/javascript를 사용하여이를 수행 할 수 있습니다. 당신이 말한대로

<input type="radio" onClick="ShowDiv(1)" /> 

function ShowDiv(id) { 
HideDivs(); 
$(id).show('slow'); 
}