Step 2

[[[[[[[Step 2]]]]]]]]]
Product.js
=================
window.onload = function () {
    if (document.getElementById('hdnPageSize') != null) {
        document.getElementById('hdnPageSize').value = '50';
    }
    LoadGrd();
}
function LoadGrd() {
    if (document.getElementById('txtFilter') != null) {
        document.getElementById('txtFilter').value = '';
        document.getElementById('txtFilter').focus();
    }
    var ddlSelect;
    if (document.getElementById('ddlSelect') != null) {
        var e = document.getElementById("ddlSelect");
        ddlSelect = e.options[e.selectedIndex].value;
    }
    else {
        if (document.getElementById('hdnPageSize') != null) {
            ddlSelect = document.getElementById('hdnPageSize').value;
        }
        else {
            if (document.getElementById('hdnPageSize') != null) {
                ddlSelect = document.getElementById('hdnPageSize').value;
            }
            else {
                ddlSelect = '50';
            }
        }
    }
    $.post("/Product/LoadProduct/", { strSize: ddlSelect, strFilterText: '' },
           function (data) {
               if (data.toString() != "" && document.getElementById("dvProduct") != null) {
                   document.getElementById("dvProduct").innerHTML = data.toString();
               }
               LoadPagging(ddlSelect);
           });
}
function LoadProductGrd() {
    var txtSearch;
    if (document.getElementById('txtFilter') != null) {
        txtSearch = $("#txtFilter").val();
        document.getElementById('txtFilter').focus();
    }
    var ddlSelect;
    if (document.getElementById('ddlSelect') != null) {
        var e = document.getElementById("ddlSelect");
        ddlSelect = e.options[e.selectedIndex].value;
    }
    else {
        ddlSelect = '50';
    }
    $.post("/Product/MangeSortDirection/", { strSize: ddlSelect, strFilterText: txtSearch },
        function (data) {
            if (data.toString() != "" && document.getElementById("dvProduct") != null) {
                document.getElementById("dvProduct").innerHTML = data.toString();
                LoadPagging(ddlSelect);
            }
        });
}
function LoadPagging(selectedval) {
    $.post("/Product/GetPaging/", function (data) {
        var ddlSelect = $('#ddlSelect');
        ddlSelect.empty();
        $.each(data, function (index, Select) {
            if (Select.Value == selectedval) {
                ddlSelect.append($('<option/>').attr('value', Select.Value).text(Select.Text).attr('Selected', true));
            }
            else {
                ddlSelect.append($('<option/>').attr('value', Select.Value).text(Select.Text));
            }
        });
    });
}
function ClickDelete() {
    var selectcnt, chkBoxes, chkleng;
    selectcnt = 0;
    if (document.getElementsByName("chkSelect") != null) {
        chkBoxes = document.getElementsByName("chkSelect");
    }
    chkleng = chkBoxes.length;
    for (var i = 0; i < chkleng; i++) {
        if (chkBoxes[i].checked == true) {
            selectcnt += 1;
        }
    }
    if (selectcnt == 0) {
        alert('Please select atleast one record to delete.');
    }
    else {
        var answer = confirm("Are you sure to delete record(s)?")
        if (answer) {
            $.post("/Product/DeleteProduct/", function (data) {
                if (data.toString() != "" && document.getElementById("dvProduct") != null) {
                    document.getElementById("dvProduct").innerHTML = data.toString();
                    var Size;
                    if (document.getElementById('hdnPageSize') != null) {
                        Size = document.getElementById('hdnPageSize').value;
                    }
                    else {
                        Size = '50';
                    }
                    LoadPagging(Size);
                }
            });
        }
        else {
            return false;
        }
    }
}
function FilterGrd(evnt, objFilterText) {
    var key = (evnt.which || evnt.keyCode || evnt.charCode);
    if (key == 13) {
        var ddlSelect;
        if (document.getElementById('ddlSelect') != null) {
            var e = document.getElementById("ddlSelect");
            ddlSelect = e.options[e.selectedIndex].value;
        }
        else {
            if (document.getElementById('hdnPageSize') != null) {
                ddlSelect = document.getElementById('hdnPageSize').value;
            }
            else {
                ddlSelect = '50';
            }
        }
        $.post("/Product/LoadProduct/", { strSize: ddlSelect, strFilterText: objFilterText }, function (data) {
            if (data.toString() != "" && document.getElementById("dvProduct") != null) {
                document.getElementById("dvProduct").innerHTML = data.toString();
            }
            LoadPagging(ddlSelect);
        });
    }
}
function ChangePageIndex(Objaction) {
    if (document.getElementById('txtFilter') != null) {
        var objFilterText = document.getElementById('txtFilter').value;
    }
    var ddlSelect;
    if (document.getElementById('ddlSelect') != null) {
        var e = document.getElementById("ddlSelect");
        ddlSelect = e.options[e.selectedIndex].value;
    }
    else {
        if (document.getElementById('hdnPageSize') != null) {
            ddlSelect = document.getElementById('hdnPageSize').value;
        }
        else {
            ddlSelect = '50';
        }
    }
    $.post("/Product/ChangePageIndexProduct/", { strAction: Objaction, strSize: ddlSelect, strFilterText: objFilterText }, function (data) {
        if (data.toString() != "" && document.getElementById("dvProduct") != null) {
            document.getElementById("dvProduct").innerHTML = data.toString();
        }
        LoadPagging(ddlSelect);
    });
}
function SelectAllCheckbox() {
    var ckhid;
    var allckhid;
    var selectcnt = 0;
    var chkBoxes;
    if (document.getElementsByName("chkSelect") != null) {
        chkBoxes = document.getElementsByName("chkSelect");
    }
    var chkleng = chkBoxes.length;
    if (document.getElementsByName('selectall') != null) {
        if (document.getElementsByName('selectall')[0].checked == true) {
            for (var i = 0; i < chkleng; i++) {
                chkBoxes[i].checked = true;
                ckhid = chkBoxes[i].id;
                selectcnt += 1;

                if (allckhid != undefined) {
                    allckhid = ckhid + '|' + allckhid
                }
                else {
                    allckhid = ckhid;
                }
            }
        }
        else {
            for (var j = 0; j < chkleng; j++) {
                chkBoxes[j].checked = false;
                selectcnt = 0;
                allckhid = undefined;
            }
        }
    }
    if (allckhid == undefined) {
        allckhid = '';
    }
    var URL = "/Product/SetAction/";
    $.post(URL, {
        strArchiveAll: allckhid
    });
}
function isallchecked() {

    var ckhid;
    var allckhid;
    var selectcnt = 0;
    var chkBoxes;
    if (document.getElementsByName("chkSelect") != null) {
        chkBoxes = document.getElementsByName("chkSelect");
    }
    var chkleng = chkBoxes.length;
    for (var i = 0; i < chkleng; i++) {
        if (chkBoxes[i].checked == true) {
            selectcnt += 1;
            ckhid = chkBoxes[i].id;
            if (allckhid != undefined) {
                allckhid = ckhid + '|' + allckhid
            }
            else {
                allckhid = ckhid;
            }
        }
        if (selectcnt == chkleng) {
            document.getElementsByName('selectall').checked = true;
        }
        else {
            document.getElementsByName('selectall').checked = false;
        }
    }
    if (allckhid == undefined) {
        allckhid = '';
    }
    var URL = "/Product/SetAction/";
    $.post(URL, {
        strArchiveAll: allckhid
    });
}