台灣最大程式設計社群網站
線上人數
914
 
會員總數:244810
討論主題:188843
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> (新手)使用jQuery製作選擇dialog問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
(新手)使用jQuery製作選擇dialog問題
價值 : 50 QP  點閱數:890 回應數:2

樓主

Yuan
門外漢
0 7
92 8
發送站內信

各位前輩好,小弟目前以jQuery的dialog帶出<div>的方式做出如下圖的結果


功能主要是選擇單位,
使用者輸入關鍵字後按下搜尋,到後台以C#到SQL撈資料,
然後把結果顯示在清單的ListBox裡,在選擇後,按下確定帶入圖中左上方的TextBox。

目前碰到幾個問題:

(1) 按下搜尋或選擇Listbox內容時,dialog會自動關閉,要如何解決?
(似乎會postback,整個頁面有閃一下,但ListBox又有帶出內容)

(2) 選擇ListBox內容後,要如何按下確定把值帶入TextBox。

以上再請幫忙解答,謝謝。

jQuery:
<script type="text/javascript">
$("[id*=selectUser1]").live("click", function () {
$("#SelectDept").dialog({
title: "選擇單位視窗",
width: 450,
height: 450,
buttons: {
確定: function () {
$(this).dialog();
},
取消: function () {
$(this).dialog('close');
}
},
modal: true
});
$("#SelectDept").parent().appendTo(jQuery("form:first"));
return false;
});
</script>

Div:
<div id="SelectDept" style="display:none">
<table border="0" cellpadding="0" cellspacing="1" width="400" style="border-right: #2c75c3 3px double;
border-top: #2c75c3 3px double; border-bottom: #2c75c3 3px double; border-left: #2c75c3 3px double;">
<tr>
<td bgcolor="#e4ecf8" height="55">
<table id="Table1" cellspacing="0" cellpadding="3" width="100%" bgcolor="#e4ecf8"
border="0">
<tr>
<td style="width: 100px" align="right" bgcolor="#337fd0">
<asp:Label ID="lblDeptKey" Text="關鍵字" runat="server" CssClass="fontsize3"></asp:Label>
</td>
<td style="width: 150px" align="center">
<asp:TextBox ID="txtDeptKey" runat="server" Width="100%"></asp:TextBox>
</td>
<td align="left">
<asp:Button ID="btSearchDept" Text="搜尋" runat="server" CssClass="button1" onclick="btSearchDept_Click" AutoPostBack="false"></asp:Button>

</td>
</tr>

</table>
</td>
</tr>
<tr>
<td style="border-top: #ffffff 1px solid" bgcolor="#cddef8">
<table cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
<tr>
<td align="center">
<asp:Label ID="lblDeptList" Text="待選單位清單" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="center">
<asp:ListBox ID="chbDeptList" runat="server" Width="300px"
SelectionMode="Single" Height="210px"
AutoPostBack="true" onselectedindexchanged="chbDeptList_SelectedIndexChanged"
></asp:ListBox>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

搜尋相關Tags的文章: [ jQuery ] , [ dialog ] , [ div ] ,
本篇文章發表於2016-01-22 16:51
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

Yuan
檢舉此回應
補上照片
本篇文章回覆於2016-01-22 17:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
請使用程式碼標籤,將你的code包起來..

你用的搜尋按鈕是asp.net的控制項,所以會刷新

如不想刷新,請將你的搜尋按鈕更改成一般按鈕,並使用onclick的事件,呼叫ajax後取得結果,再將值顯示。

本篇文章回覆於2016-01-25 15:40
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.