2017-05-13 6 views
0

In meiner Anwendung muss ich Dropdown mit multi Auswahl zusammen mit allen in diesem Dropdown für tun, dass ich den Code in der verwendet hatte untenstehenden Linkdate picker funktioniert nicht, wenn dropdown mit multiselection funktioniert und multi selection funktioniert nicht, wenn date picker funktioniert

http://www.codingfusion.com/Post/Dropdownlist-with-checkboxes-in-asp-net und zusammen mit dieser Mehrfachauswahl

https://www.aspsnippets.com/Articles/DateTimePicker-control-for-ASPNet-TextBox-Example.aspx

das Problem ist, ich sollte ich auch

den Code für die Datumsauswahl für Textfelder haben in diesem Link benutzt hatte, wenn ich mit Drop-Down haben Mehrfachauswahl Datumsauswahl funktioniert nicht und wenn Datum ausgewählt wird r arbeitet Mehrfachauswahl nicht funktioniert, wie kann ich diese issue.can mir jemand

Code Datumsauswahl

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script src="Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script> 
<script src="Scripts/calendar-en.min.js" type="text/javascript"></script> 
<link href="Styles/calendar-blue.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#<%=TextBox1.ClientID %>").dynDateTime({ 
      showsTime: true, 
      ifFormat: "%Y/%m/%d %H:%M", 
      daFormat: "%l;%M %p, %e %m, %Y", 
      align: "BR", 
      electric: false, 
      singleClick: false, 
      displayArea: ".siblings('.dtcDisplayArea')", 
      button: ".next()" 
     }); 
    }); 
</script> 


<asp:TextBox ID="TextBox1" runat="server" ReadOnly = "true"></asp:TextBox> 
<img src="calender.png" /> 

Multi-Auswahlcode

<asp:listbox runat="server" id="lstBoxTest" selectionmode="Multiple"> 
     <asp:listitem text="Red" value="0"></asp:listitem> 
     <asp:listitem text="Green" value="1"></asp:listitem> 
     <asp:listitem text="Yellow" value="2"></asp:listitem> 
     <asp:listitem text="Blue" value="3"></asp:listitem> 
     <asp:listitem text="Black" value="4"></asp:listitem> 
    </asp:listbox> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script src="jquery.sumoselect.min.js"></script> 
    <link href="sumoselect.css" rel="stylesheet" /> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(<%=lstBoxTest.ClientID%>).SumoSelect({ selectAll: true }); 
     }); 
    </script> 
    <style type="text/css"> 
     body { 
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
      color: #444; 
      font-size: 13px; 
     } 

     p, div, ul, li { 
      padding: 0px; 
      margin: 0px; 
     } 
    </style> 

protected void btnGetSelectedValues_Click(object sender, EventArgs e) 
    { 
     string selectedValues = string.Empty; 
     foreach (ListItem li in lstBoxTest.Items) 
     { 
      if (li.Selected == true) 
      { 
       selectedValues += li.Text + ","; 
      } 
     } 
     Response.Write(selectedValues.ToString()); 
    } 
+0

getestet Sende deinen Code bitte! was du ausprobiert hast, indem du deinen Code postest, werden dir die Stack Overflow Committee Mitglieder helfen. – PRABA

+0

Ich hatte meinen vollständigen Code geschrieben können Sie mir helfen, den Grund für die Bereitstellung der Links anstelle von Code ist, weil wir so viele Skripte in beiden der nicht heruntergeladen werden können, wenn ich den Code –

+0

Ich denke, die Jquery-Plugin ist widersprüchlich Also, warum Datum Zeit Picker und Dropdown-Box nicht in der gleichen Zeit funktioniert. – PRABA

Antwort

0

helfen lösen können Sie versuchen, dieses Arbeitsbeispiel von beiden datepicker und multiselect wie Sie wollen. Ich habe in meinem lokalen

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>asdasd</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <script src="https://www.aspsnippets.com/demos/361/Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script> 
    <script src="https://www.aspsnippets.com/demos/361/Scripts/calendar-en.min.js" type="text/javascript"></script> 
    <link href="https://www.aspsnippets.com/demos/361/Styles/calendar-blue.css" rel="stylesheet" type="text/css" /> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#<%=TextBox1.ClientID %>").dynDateTime({ 
       showsTime: true, 
       ifFormat: "%Y/%m/%d %H:%M", 
       daFormat: "%l;%M %p, %e %m, %Y", 
       align: "BR", 
       electric: false, 
       singleClick: false, 
       displayArea: ".siblings('.dtcDisplayArea')", 
       button: ".next()" 
      }); 
     }); 
    </script> 

    <%--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>--%> 
    <script src="http://hemantnegi.github.io/jquery.sumoselect/javascripts/jquery.sumoselect.js"></script> 
    <link href="http://hemantnegi.github.io/jquery.sumoselect/stylesheets/sumoselect.css" rel="stylesheet" /> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(<%=lstBoxTest.ClientID%>).SumoSelect({ selectAll: true }); 
      }); 
    </script> 
    <style type="text/css"> 
     body { 
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
      color: #444; 
      font-size: 13px; 
     } 

     p, div, ul, li { 
      padding: 0px; 
      margin: 0px; 
     } 
    </style> 
</head> 
<body> 
    <form runat="server"> 
     <asp:TextBox ID="TextBox1" runat="server" ReadOnly="true"></asp:TextBox> 
     <img src="calender.png" /> 
     <br /> 
     <br /> 
     <br /> 
     <asp:ListBox runat="server" ID="lstBoxTest" SelectionMode="Multiple"> 
      <asp:ListItem Text="Red" Value="0"></asp:ListItem> 
      <asp:ListItem Text="Green" Value="1"></asp:ListItem> 
      <asp:ListItem Text="Yellow" Value="2"></asp:ListItem> 
      <asp:ListItem Text="Blue" Value="3"></asp:ListItem> 
      <asp:ListItem Text="Black" Value="4"></asp:ListItem> 
     </asp:ListBox> 

    </form> 
</body> 
</html> 
+1

es funktioniert, danke –