Создание нескольких скрытых Div в ASP.Net | Ajax |JQuery - PullRequest
Новая
       3

Создание нескольких скрытых Div в ASP.Net | Ajax |JQuery

0 голосов
/ 09 декабря 2010

Я новичок в веб-программировании,
Я пытаюсь создать страницу поиска.Я хочу создать несколько радио-кнопок, где каждый щелчок по радио-кнопке будет показывать div, содержащий соответствующие div поиска.и оттуда, чтобы сделать запрос к базе данных (не относится к почте)

как я могу это сделать?попытался найти его, но не получил хорошего ответа.Я хочу, чтобы изменение страницы было на стороне сервера, а не на стороне клиента.ps я до сих пор работал с комплектом управления ajax ..

спасибо за помощь.

Ответы [ 2 ]

0 голосов
/ 09 декабря 2010

Вы можете сделать это с помощью Панелей и Панели обновления. 

<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>

Затем вы будете обрабатывать установку свойства Visible панелей в вашем методе ShowDivs в своем коде.

Или, вы можете использовать jquery / javascript для достижения этой цели. 

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

function ShowDiv(id) {
 HideDivs();
 $(id).show('slow');
}
0 голосов
/ 09 декабря 2010

Вам просто нужны панель обновления, переключатели и элемент управления 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);
...