Sunday, 23 March 2014

Move Listbox items to another Listbox using jquery

<script type="text/javascript" src="Js/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=btnAdd.ClientID %>').click(function () {
                var selectedOptions = $('#<%=lstSource.ClientID %> option:selected');
                  if (selectedOptions.length == 0) {
                      alert("Please select option to move");
                      return false;
                  }
                  $('#<%=lstTO.ClientID %>').append($(selectedOptions).clone());
                $(selectedOptions).remove();
                return false;
              });
            $('#<%=btnRemove.ClientID %>').click(function () {
                var selectedOptions = $('#<%=lstTO.ClientID %> option:selected');
                if (selectedOptions.length == 0) {
                    alert("Please select option to move");
                    return false;
                }
                $('#<%=lstSource.ClientID %>').append($(selectedOptions).clone());
                $(selectedOptions).remove();
                return false;
            });
        });


    </script>


Required field validator for CheckBoxList


<
asp:CheckBoxList ID="chkDepartments" runat="server" RepeatDirection="Horizontal"></asp:CheckBoxList>
                <asp:CustomValidator runat="server" ID="chkT"
                    ClientValidationFunction="ValidateDepartments"

                    ErrorMessage="Please select atleast one Department" ValidationGroup="k" ForeColor="Red"></asp:CustomValidator>


<script type="text/javascript">
        function ValidateDepartments(source, args) {
            var chkListModules = document.getElementById('<%= chkDepartments.ClientID %>');
            var chkListinputs = chkListModules.getElementsByTagName("input");
            for (var i = 0; i < chkListinputs.length; i++) {
                if (chkListinputs[i].checked) {
                    args.IsValid = true;
                    return;
                }
            }
            args.IsValid = false;
        }


    </script>