javascript-如何使用knockout.js在selectedindexchange下拉列表中将值绑定到ul？

Question

I'm struggling with Knockout JS. In my web page, after page loaded event ul showing some list of values from database successfully. Below is the code

         <ul data-role="listview" data-divider-theme="b" data-inset="true" data-bind="foreach: Cs">

       <li data-theme="c">
              <a href="#page1" data-transition="slide" data-bind="attr: { title: CID }">
                  <span data-bind="text: FName + ' ' + LName +')'"></span>
              </a>
          </li>

      </ul>

function SSSmodel() {
    var self = this;
   self.Cs = $.parseJSON(localStorage["CsTab"]);       
};

Onchange event of dropdown binding new list to that ul. But its not binding new values. Ul showing old values. below is the onchage function of dropdown.

      function onchange()
        {
      //b contain array of elements
       localStorage["aa"] = b;//i checked b.it contains array of values
      ko.applyBindings(new SSSmodel());  
       }
       function SSSmodel() {
    var self = this;

    self.Contacts = $.parseJSON(localStorage["aa"]);
};
 }

it doesn't show any error and also not binding new values to ul. Why? Please tell me where i made mistake and give tips to solve this problem.

Answer 1

Updated : It seems you have used a reserved keyword onchange for function name. Change it with any other name like onValueChange and it will work.

call the function from somewhere in your code. here is Working Sample

 onchange1();
    function onchange1() {
        //b contain array of elements
        //    localStorage["aa"] = b; //i checked b.it contains array of values
        ko.applyBindings(new StrikeAppSearchViewModel());
    }
    function StrikeAppSearchViewModel() {
        var self = this;

        self.Contacts = [
        { ContactID: "MyId1", FirstName: "Jhon", LastName: "Singh dfhd" },
        { ContactID: "MyId2", FirstName: "Dick", LastName: "YBJ" },
        { ContactID: "MyId3", FirstName: "Harry", LastName: "Pdafhd"}];
    };

Answer 2

For this scenario, You have to made Jquery Ajax call , then only it will retrieve data are bind to UL.

  function StrikeAppViewModel() {
    var self = this;
    self.Contacts = ko.observableArray();
    self.Contacts = ko.observable($.parseJSON(localStorage["ContactsTable"]));

    self.SearchContacts = function () {

        $.ajax({
            url: 'http://localhost:12345/api/Contact',
            type: 'GET',
            dataType: 'jsonp',
            data: { ID: id },
            context: this,
            success: function (result) {
                debugger;
                self.Contacts(result);

            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {

                alert(errorThrown);
            }
        });

    }


};

Answer 3

像这样尝试：

 self.Contacts = ko.observable($.parseJSON(localStorage["ContactsTable"]));