Binding Drop Down In MVC

Binding Drop Down:

    <script type="text/javascript">
        $(document).ready(function () {
            $('#Department').change(function () {
                var options = "";
                $.ajax({
                    url: "Bind_Designations",
                    type: "post",
                    dataType: "json",
                    data: { Dept_id: $('#Department').val() },
                    success: function (data) {
                        $.each(data, function (index, item) {
                            options += '<option value=' + item.Value + '>' + item.Text + '</option>'
                        });
                        $('#Des_Id').append(options);
                    },
                    error: function () {
                        alert("error");
                    }
                });
            });
        });
    </script>

Binding Drop Down based on Another Drop down Selected Value:

    <script type="text/javascript">
        $(document).ready(function () {
            $('#Des_Id').change(function () {
                debugger;
                var options = "";
                $.ajax({
                    url: "Bind_Employees",
                    type: "post",
                    dataType: "json",
                    data: { Des_id: $('#Des_Id').val() },
                    success: function (data) {
                        debugger;
                        $.each(data, function (index, item) {
                            options += '<option value=' + item.Value + '>' + item.Text + '</option>'
                        });
                        $('#Emp_Id').append(options);
                    },
                    error: function () {
                        alert("error");
                    }
                });
            });
        });
    </script>


Adding File in Datatable:

    <script type="text/javascript">
        $(document).ready(function () {
            $('#file').change(function () {
                var doc_no = $('#Document_Name').val();
                var file_name = $('#file').val();
                file_name = file_name.substring(12, file_name.length);
                var extension = file_name.substr((file_name.lastIndexOf('.') + 1));                   
                $('#Document_Details').append('<tr><td>' + i + '</td><td>' + 123 + '</td><td>' + doc_no + '</td><td>' + file_name + '</td> </tr>');
                var i = "";
                i = addSerialNumber();
                debugger;   
            });
        });
   
    </script>

Sql Server Sequence:

How to generate Autogenerated varchar Sequence in SQL Server?

Step :1   Create the  Table 

CREATE TABLE dbo.tbl_sample ( [ID] VARCHAR(8) ,  [Name] varchar(50)
CONSTRAINT PK_Employee_EmployeeID PRIMARY KEY CLUSTERED ([ID] ASC) )

Step :2   Create the SEQUENCE  

CREATE SEQUENCE dbo.Sample_Seq AS INT START WITH 1 INCREMENT BY 1 ;

Step :3   Alter the Employee Table and addthe default Constraint

ALTER TABLE dbo.tbl_sample ADD CONSTRAINT Const_Sample_Seq
DEFAULT FORMAT((NEXT VALUE FOR dbo.Sample_Seq),'CUS_#') FOR [ID];


Step :4   Insert the Employee Data


INSERT INTO dbo.tbl_sample ([Name]) VALUES  ('Imran'),('Bob'),('Sandra')

Step :4   Show the Data 

   Select * from dbo.tbl_sample 

Validations

JavaScript Number Validation:

  <script>

        function isNumber(evt) {

            evt = (evt) ? evt : window.event;

            var charCode = (evt.which) ? evt.which : evt.keyCode; 

            if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46) {

                return false;

            }

            return true;

        }

    </script>

Java Script Dialog Control

Java Script Dialog :

Source Code :
 protected void btn_Yes_Click(object sender, EventArgs e)
        {
            // Code Written

        }

Script:

   <script>
        $(document).ready(function () {
            
        });
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_endRequest(function () {         
            $("#ContentPlaceHolder1_txtPellets").keydown(function (e) {
                if (e.which === 9) {
                    debugger;
                    confirm2();
                }
            });
            function confirm2() {
                debugger;
                var dialog = $('<p>Do you want to add More Racks  ?</p>').dialog({
                    buttons: {
                        "Yes": function () {
                            $(this).dialog("close");
                            //$('pnlColdStorage').show();
                            Rowsave1();
                        },
                        "No": function () {
                            $(this).dialog("close");
                            Rowsave1();
                            $('btnSave').focus();
                        }
                    }
                }
                );
            }
           
            function Rowsave1() {
                document.getElementById('<%= btnRowAdd.ClientID%>').click();
              }
          });


    </script>

Javascript Auto Extender

Javascript Auto Extender :

Example :

    [WebMethod]
  public static List<string> Get_Uom_Details(string UOMPack)
       {
            List<string> li = new List<string>();           
            li = get_uom(ref prefix);     
            return li;
        }

public List<string> get_uom(ref string prefix)
        {
            using(conn = new SqlConnection (constr))
            {
                conn.Open();
                SqlCommand cmd = new SqlCommand(@"sp_get_Pack_Material_Details_UOM", conn);
                cmd.CommandType = CommandType.StoredProcedure;
                cmd.Parameters.AddWithValue("@SearchText", prefix);
                SqlDataReader dr = cmd.ExecuteReader();
                List<string> li = new List<string>();
                while(dr.Read())
                {
                    li.Add(dr[0].ToString());
                }
                return li;
            }
        }
 Script :

<script type="text/javascript">

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

        prm.add_endRequest(function () {

            $(document).ready(function () {

                SearchOrder();

            });

            function SearchOrder() {

                $("[id$=txtUOMPack]").autocomplete({

                    source: function (request, response) {

                        $.ajax({

                            type: "POST",

                            contentType: "application/json; charset=utf-8",

                            url: "Cold_Storage_Stock_Update_Own.aspx/Get_Uom_Details",

                            data: "{'UOMPack':'" + $("[id$=txtUOMPack]").val() + "'}",

                            dataType: "json",

                            success: function (data) {

                                response(data.d);

                            },

                            error: function (result) {

                                alert("No Match");

                            }

                        });

                    }

                });

            }

        }

        );

    </script>

Auto extender in mvc

Auto extender in mvc:

<link href="~/Scripts/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet" />
<script src="../Scripts/jquery-ui-timepicker-addon.js"></script>
<link href="../Content/themes/base/images/jquery-ui-timepicker-addon.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Code:

<script type="text/javascript">
     jQuery(document).ready(function ($) {
         $('#FK_Store_Quotation_Receipt_No').focus(function () {
             SearchQuoNo();
         });
         function SearchQuoNo() {           
             $('#FK_Store_Quotation_Receipt_No').autocomplete({             
                 source: function (request, response) {
                     debugger;
                     var A = $('#FK_Store_Quotation_Receipt_No').val();
                     var B = $('#Stores_Supplier_Code').find(":selected").val();
                     $.ajax({
                         type: "Post",
                         url:  "Get_Quotation_Numbers",
                         data: { FK_Store_Quotation_Receipt_No: A, Stores_Supplier_Code: B },
                         dataType: "json",
                         success: function (data) {         
                             response($.map(data, function (item) {
                                 return { label: item.Text, value: item.Text };
                             }));
                         },
                         error: function (Error) {
                             debugger;
                             alert('No Data Found.........!');
                         }
                     });
                 }
             });
         }
     });
 
</script>