如何防止點擊按鈕時在updatepanel內回發或更新下拉列表

如何防止單擊按鈕時在updatepanel內回發或更新下拉列表。我這樣做是因爲我有Java腳本使ddl成爲可搜索的下拉列表。我在更新面板中有幾個標籤，文本框，gridviews和dropdownlist。當我點擊查看按鈕dropdownlist回到正常下拉代替搜索下拉。如何防止點擊按鈕時在updatepanel內回發或更新下拉列表

<div> 
    <asp:DropDownList ID="ddlSector" runat="server" Width="150px"></asp:DropDownList> 
    <asp:DropDownList ID="ddlCity" runat="server" Width="150px"></asp:DropDownList> 
    <asp:TextBox ID="txtStdID" runat="server" Width="92px" MaxLength="5"></asp:TextBox> 
    <asp:Button ID="btnView" runat="server" Text="View" onclick="btnView_Click" AccessKey="V"/> 
<table> 
    <tr><td><b>Qualification</b></td><td><b>Exemption Type</b></td></tr> 
    <tr>    
    <td><asp:DropDownList ID="ddlQualification" class="chzn-select" runat="server" Width="225px" onselectedindexchanged="ddlQualification_SelectedIndexChanged" 
    AutoPostBack="false"></asp:DropDownList></td> 
    <td> 
    <asp:DropDownList ID="ddlExemType" runat="server" Width="225px"> 
    </asp:DropDownList></td>   
    </tr> 
</table> 
</div> 
<script src="../Searchable DDL/jquery.min.js"type="text/javascript"></script> 
<script src="../Searchable DDL/chosen.jquery.js"type="text/javascript"></script> 
<script type="text/javascript"> 
    $(".chzn-select").chosen(); 
$(".chzn-select-deselect").chosen({ allow_single_deselect: true });</script>

來源

2017-08-01 Yahya Hussaini

即使沒有完全回發的UpdatePanel內的一切仍然被刷新，並因此失去DOM是進行了修改與jQuery的元素。

您還需要在異步回傳之後調用創建可搜索下拉列表的函數。

<script type="text/javascript"> 
    $(document).ready(function() { 
     createSearchDropDown(); 
    }); 

    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    prm.add_endRequest(function() { 
     createSearchDropDown(); 
    }); 

    function createSearchDropDown() { 
     $(".chzn-select").chosen(); 
     $(".chzn-select-deselect").chosen({ allow_single_deselect: true }); 
    } 
</script>

來源

2017-08-01 15:41:12 VDWWD

我已經上傳我的Java腳本代碼查收吧。我仍然無法解決問題。\ –

看到我的更新... – VDWWD

它的工作！豎起大拇指非常感謝。 –

在JavaScript的pageLoad事件中寫入JavaScript函數。

它將始終在回發和部分回發中執行。

查找下面的代碼爲你的函數

function pageLoad() { 
      //This will ensure your code will run all the time 
      CreateDropdown(); 
      InitializeDatePickers(); 
      AssignPlugins(); 

     }

來源

2017-08-04 15:42:22 Yogesh

這是我的javasrcript代碼。我怎麼能在頁面加載事件內部調用它？ ' –

您可以嘗試下面的代碼： – Yogesh

如何防止點擊按鈕時在updatepanel內回發或更新下拉列表

回答

相關問題