Cannot read property tolowercase of undefined ошибка

User1078534304 posted

Hi Everyone,

Please help me on this error. It  seems like i cannot use the ‘toLowerCase’ function from the javascipt.

my codes:

/// <reference path="../Scripts/jquery-1.7.1.min.js" />
/// <reference path="../Scripts/jquery-1.5.2.js" />
/// <reference path="../Scripts/knockout-2.3.0.js" />
/// <reference path="../Scripts/knockout-3.1.0.js" />
/// <reference path="../Scripts/jquery-1.9.0.js" />
/// <reference path="../Scripts/jquery-2.0.0.js" />
/// <reference path="../Scripts/jquery-1.10.2.js" />

/* /// <reference path="../Scripts/jquery.js" />
/// <reference path="../Scripts/jPaginate.js" />
*/
function CleanData() {
    document.getElementById("txtCustname").value = null;
    document.getElementById("txtCustNRIC").value = null;
    document.getElementById("txtEmail").value = null;
    document.getElementById("txtContactNo").value = null;
};

function QCust(data) {
    this.custno = ko.observable(data.custno);
    this.custname = ko.observable(data.custname);
    this.custemail = ko.observable(data.custemail);
    this.custclass = ko.observable(data.custclass);
    this.custnric = ko.observable(data.custnric);
    this.custcontact = ko.observable(data.custcontact);
};

function QCustClass(classdata) {
    this.classid = ko.observable(classdata.classid);
    this.classcode = ko.observable(classdata.classcode);
    this.classdesc = ko.observable(classdata.classdesc);
    this.classisactive = ko.observable(classdata.classisactive);
};

var QChoiceType = function (choicetype, choicetypedisplay) {
    var self = this;
    self.choicetype = choicetype;
    self.choicetypedisplay = choicetypedisplay;
};

//ko validations
ko.extenders.required = function (target, overrideMessage) {
    //add some sub-observables to our observable
    target.hasError = ko.observable();
    target.validationMessage = ko.observable();

    //define a function to do validation
    function validate(newValue) {
        target.hasError(newValue ? false : true);
        target.validationMessage(newValue ? "" : overrideMessage || "*");
    }

    //initial validation
    validate(target());

    //validate whenever the value changes
    target.subscribe(validate);

    //return the original observable
    return target;
};

var QModel = function (questions) {
    var appPath = window.location.pathname;
    var self = this;
    var date = new Date();
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    if (month < 10) month = "0" + month;
    if (day < 10) day = "0" + day;
    var today = year + "-" + month + "-" + day;

    self.classid = ko.observable();
    self.classcode = ko.observable();
    self.classdesc = ko.observable();
    self.classisactive = ko.observable();
    self.strsearch = ko.observable();
    self.customers = ko.observableArray();
    filteredcustomers = ko.observableArray();
    searchcustomers = ko.observableArray();
    self.custno = ko.observable();
    self.custname = ko.observable().extend({ required: "*" });
    self.custnric = ko.observable().extend({ required: "*" });
    self.custemail = ko.observable().extend({ required: "*" });
    self.custcontact = ko.observable().extend({ required: "*" });
    self.custdob = ko.observable(today);
    self.custjoindate = ko.observable();
    self.custclass = ko.observable();
    self.custisactive = ko.observable();
    self.isError = ko.observable();
    self.customerclasses = ko.observableArray();
    self.selectedcustomerclass = ko.observable().extend({ required: "*" });
    self.totalitems = ko.observable();
    self.search = ko.observable();
    self.questions = ko.observableArray(
         ko.utils.arrayMap(questions, function (question) {
             return { formId: question.formId, groupId: question.groupId, qString: question.qString,
                 choices: ko.observableArray(question.choices)
             };
         })
    );


    selectedChoiceType = ko.observable();
    availableChoiceType = ko.observableArray([new QChoiceType("checkbox", "Checkbox"),
                                                   new QChoiceType("text", "Text"),
                                                   new QChoiceType("radio", "Option Button")
                                                  ]);

    self.ClearFields = function () {
        self.custno = ko.observable();
        self.custname = ko.observable().extend({ required: "*" });
        self.custnric = ko.observable().extend({ required: "*" });
        self.custemail = ko.observable().extend({ required: "*" });
        self.custcontact = ko.observable().extend({ required: "*" });
        self.custdob = ko.observable(today);
        self.custjoindate = ko.observable();
        self.custisactive = ko.observable();
    };

    //*** check if customer is existing ***
    self.isCustomerExists = function (customer) {
        var dtJoinDate = new Date();
        var cust = customer;
        $.post(appPath + "/Customers/IsCustomerExisting", cust, function (data) {
            return data;
        });
    };

    //*** save customer ***
    self.saveCustomer = function (customer) {
        var cust = customer;

        $.post(appPath + "/Customers/SaveCustomer", cust, function (data) {
            var isSaved = (data === "True")
            if (isSaved) {
                alert("Customer has been added");
                self.ToggleNewCustomerOff();
            }
            else {
                alert("Unable to add customer");
            }
        });
    };

    self.insertcustomer = function () {
        var dtJoinDate = new Date();
        var cust = {
            CustNo: self.custno,
            CustName: self.custname,
            CustNRIC: self.custnric,
            CustEmail: self.custemail,
            CustContact: self.custcontact,
            CustDOB: self.custdob,
            CustJoinDate: dtJoinDate,
            CustClass: self.selectedcustomerclass,
            CustIsactive: self.custisactive
        };

        $.post(appPath + "/Customers/IsCustomerExisting", cust, function (data) {
            var isExisting = (data === "True");
            if (isExisting) {
                alert("the Customer is already existing");
            }
            else {
                self.saveCustomer(cust);
            }
        });
    };

    self.searchCustomer = function () {
        self.ToggleNewCustomerOff();

        var data = {
            search: self.strsearch
        };

        $.post(appPath + "/Customers/SearchCustomer", data,
                        function (customerdata) {
                            debugger;
                            var custs = ko.toJSON(customerdata);
                            var mappedData = $.map(customerdata, function (item) {
                                return new QCust(item);
                            });
                            self.customers(mappedData);
                            self.totalitems = customerdata.length;
                            //                            $("#total_items").attr('value', self.totalitems);
                            //                            $("#content").jPaginate();
                        });
    };

    self.updateThis = function (jsonData) {
        var jsonString = JSON.stringify(jsonData);
        var parsed = JSON.parse(jsonString);
        alert(jsonData);
    };

    self.addQuestion = function () {
        self.questions.push({
            formId: ko.observable(),
            groupId: ko.observable(),
            qstring: ko.observable(),
            choicetype: ko.observable(),
            choices: ko.observableArray()
        });
    };

    self.addChoice = function (questions) {
        questions.choices.push({
            chtype: ko.observable(),
            cstring: ko.observable()
        });
    };

    self.removeChoice = function (choice) {
        $.each(self.questions(), function () {
            this.choices.remove(choice)
        })
    };

    self.removeQuestion = function (question) {
        self.questions.remove(question);
    };

    self.ToggleSearch = function () {
        $("#divNewCustomer").show();
    };

    self.ToggleNewCustomerOn = function () {
        self.custname("");
        self.custnric("");
        self.custemail("");
        self.custcontact("");
        self.LoadClass();
        $("#divNewCustomer").show();
        $("#divCustomerList").hide();
    };

    self.ToggleNewCustomerOff = function () {
        self.custname("");
        self.custnric("");
        self.custemail("");
        self.custcontact("");
        $("#divNewCustomer").hide();
        $("#divCustomerList").show();
    };

    self.saveQuestions = function (question) {
        var qToJSON = ko.toJSON(this);
        alert(qToJSON.toString());
    };

    $.post(appPath + "/Customers/GetCustomerLists",
                            function (customerdata) {
                                debugger;
                                var mappedData = $.map(customerdata, function (item) {
                                    return new QCust(item);
                                });
                                self.customers(mappedData);
                            });

    //*** comparison of the string for search ***
    self.filtercustomers = ko.computed(function () {
        var searchText = self.search().toLowerCase;
        if (!searchText) {
            return self.customers();
        }
        else {
            if (self.customers() != 'undefined' && self.customers() != null && self.customers().length > 0) {
                return ko.utils.arrayFilter(self.customers(),
                    function (cust) {
                        return cust.custname.toLowerCase().indexOf(searchText) > -1;
                    });
            }
        }
    });

    //*** end of the comparisons ***

    //*** get records from the database
    //    self.LoadData = function () {
    //        debugger;
    //        $.post(appPath + "/Customers/GetCustomerLists",
    //                        function (customerdata) {
    //                            debugger;
    //                            var mappedData = $.map(customerdata, function (item) {
    //                                return new QCust(item);
    //                            });
    //                            self.customers(mappedData);
    //                            self.totalitems = customerdata.length;
    //                            //                            $("#total_items").attr('value', self.totalitems);
    //                            //                            $("#content").jPaginate();                        
    //                        });
    //    };


    self.LoadClass = function () {
        $.post(appPath + "/Customers/GetCustomerClass",
                function (customerclass) {
                    var mappedData = $.map(customerclass, function (item) {
                        return new QCustClass(item)
                    });

                    self.customerclasses(mappedData);
                });
    };

    $("#divNewCustomer").hide();

    filter = ko.observable();
};

debugger;
var qm = new QModel();
var path = window.location.pathname;

         
ko.applyBindings(qm);

my mvc code:

<input data-bind="value: search, valueUpdate: 'afterkeyup'" type="text" style="height:30px;width:98%;text-indent:5px;"/>

<div data-bind="foreach: filtercustomers">
   <p data-bind="text: custname"></p>
</div> 

Thanks and best regards,

Nusij