ASP.NET中ListBox實現Double Click事件

2019-11-17 04:05:20

字體：大中小

來源：轉載

供稿：網友

(1)在WEB頁面上加入JS腳本和存放ListBox事件的隱藏輸入框,LISTBOX是用來保存時間的名稱,在CS頁面用到:其JS代碼如下:

<script language="javascript">
     function ListBox1_DoubleClick() {
       /* we will change value of this hidden field so  that inpage load event we can identify event.
       */
        document.forms[0].ListBox1Hidden.value = "doubleclicked";
        document.forms[0].submit();
     }
</script>

(2)將 asp.net控件LISTBOX中加入雙擊事件聲明如下:

<asp:ListBox id="ListBox1"
                     ondblclick="ListBox1_DoubleClick()" runat="server">
                 <asp:ListItem Value="1">One</asp:ListItem>
                 <asp:ListItem Value="2">Two</asp:ListItem>
                 <asp:ListItem Value="3">Three</asp:ListItem>
                 <asp:ListItem Value="4">Four</asp:ListItem>
             </asp:ListBox>
(3)在WEB窗體加載的時候執行如下代碼(即雙擊LISTBOX中ITEM后執行的內容),

if(Request.Params["ListBox1Hidden"] != null
     && (string)Request.Params["ListBox1Hidden"] == "doubleclicked" )

{
    //the Listwas double click Event
    }
    }

例子如下:

<html>
<head>
     <script language="Javascript">
     function ListBox1_DoubleClick() {
       /* we will change value of this hidden field so

    that in
    page load event we can identify event.
            */
        document.forms[0].ListBox1Hidden.value = "doubleclicked";
        document.forms[0].submit();
     }
</script>
</head>
<body>
     <form runat="server">
         <div>Double click on Listbox
             <br />
             <asp:ListBox id="ListBox1"
                     ondblclick="ListBox1_DoubleClick()" runat="server">
                 <asp:ListItem Value="1">One</asp:ListItem>
                 <asp:ListItem Value="2">Two</asp:ListItem>
                 <asp:ListItem Value="3">Three</asp:ListItem>
                 <asp:ListItem Value="4">Four</asp:ListItem>
             </asp:ListBox>
             <input type="hidden" name="ListBox1Hidden" />
         </div>
         <div>click on button
             <br />
             <asp:Button id="Button1" onclick="Button1_Click"
                 runat="server" Text="Button"/>
         </div>
     </form>
</body>
</html>WEB窗體加載時候執行下列代碼就能實現雙擊ListBox中Item執行一些操作void Page_Load(Object sender, EventArgs e){
   if(Request.Params["ListBox1Hidden"] != null
     && (string)Request.Params["ListBox1Hidden"] == "doubleclicked") {
    //This means It was double click
     Response.Write("Double Click was fired selected item is "
     + ListBox1.SelectedItem.Text);

上一篇：在ASP.Net4.0中使用QueryExtender控件創建高效的搜索頁面

下一篇：web developer tips (61):如何創建Asp.net Dynamic Data網站