Web Development

[HttpGet]
        public JsonResult SearchCars(string searchString)
        {

            string[] searchTerms = (searchString).ToUpper().Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries);

            string[] searchTermSounds = new string[searchTerms.Length];
 
            var list = (from r in Cache.CarSearchItems
                       select new Lightstone.UI.Web.LaceWebUI.Models.CarItem(r, searchTerms, searchTermSounds)).ToList();

            var list1 = list.Distinct()
                             .Take(5)
                             .OrderByDescending(l => l.Hits).ToList();

            return Json(list1, JsonRequestBehavior.AllowGet);
        } 

$(function () {
    $("#txtSearchString").keyup(function () {

        $("#txtSearchString").queue(function 
            () {
            var _this = $(this);
            _this.addClass("newcolor");
            _this.dequeue();
        });


        if ($("#txtSearchString").val().length >= 3) {
            var data = {}
            data.searchString = $("#txtSearchString").val();
            alert("Retrieving Data");
        
            $.getJSON("/Cars/SearchCars", data, function (result) {
                //Autocomplete binding
                var viewModel = null;

                viewModel =
                 { 
                     SearchOptions: ko.observableArray(result) // These are the initial options 
                 }
                alert("Done Retrieving Data");

                if (viewModel == null || viewModel == undefined) {
                    alert("The ViewModel is null or Undefined");
                 
                    alert("Done with the View Model");
                }
                else {
                    ko.applyBindings(viewModel);
                    alert("THe View Model is no Null");
                }
              


            });

        }

    })
}); 

 alert("Retrieving Data");
 alert("Done Retrieving Data");
alert("THe View Model is no Null");

<table  id="tblsearchresults"  data-bind="foreach:SearchOptions"  class="auto-style1">
        <tr>
            <td rowspan="5">
                <img data-bind="attr: {src: Url}" class="" />
            </td>
            <td>Make:</td>
            <td>
                <div data-bind="text: Make">
                </div>
            </td>
            <td> </td>
        </tr>
        <tr>
            <td>Model:</td>
            <td>
                <div data-bind="text: Model">
                </div>
            </td>
            <td> </td>
        </tr>
        <tr>
            <td>Year:</td>
            <td>
                <div data-bind="text: Year">
                </div>
            </td>
            <td> <a data-bind="attr: { href: UrlRedirect }">
                View Report</a>

            </td>
        </tr>
        <tr>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
    </table>

<input id="txtSearchString" name="txtSearchString" class="searchText" />

ko.applyBindings(viewModel); 

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 knockout-2.1.0.js:46
a.e.Fa knockout-2.1.0.js:46
a.a.Oa knockout-2.1.0.js:81
a.Fb.a.h.disposeWhenNodeIsRemoved knockout-2.1.0.js:75
e knockout-2.1.0.js:34
a.h knockout-2.1.0.js:36
a.Fb knockout-2.1.0.js:75
a.c.template.update knockout-2.1.0.js:76
a.c.foreach.update knockout-2.1.0.js:66
a.h.disposeWhenNodeIsRemoved knockout-2.1.0.js:51
e knockout-2.1.0.js:34
a.h knockout-2.1.0.js:36
d knockout-2.1.0.js:49
c knockout-2.1.0.js:49
b knockout-2.1.0.js:49
c knockout-2.1.0.js:49
b knockout-2.1.0.js:49
c knockout-2.1.0.js:49
b knockout-2.1.0.js:49
c knockout-2.1.0.js:49
b knockout-2.1.0.js:49
c knockout-2.1.0.js:49
b knockout-2.1.0.js:49
c knockout-2.1.0.js:49
a.xa knockout-2.1.0.js:52
(anonymous function) AutoCompleteResults.js:33
jQuery.Callbacks.fire jquery-1.7.2.js:1075
jQuery.Callbacks.self.fireWith jquery-1.7.2.js:1193
done jquery-1.7.2.js:7538
jQuery.ajaxTransport.send.callback jquery-1.7.2.js:8324

$(function () {
    $("#lstSearchOptions").change(function () {

        var data = {}
        data.id = $("#lstSearchOptions option:selected").val();
        $.getJSON("/Cars/SearchDetails", data, function (result) {
            var model = { 
                SearchOptionsR: ko.observableArray(result)
            } 
            ko.applyBindings(model, document.getElementById("tblsearchresults"));

        });
         
        $("#lstSearchOptions").blur(function () {
            $("#lstSearchOptions").hide("fast");
        });
    });  
}); 

<table class="ResultsStyle"  id="tblsearchresults" data-bind="foreach:SearchOptionsR" >

       <tr>
           <td rowspan="2">


           </td>
           <td>
               Make:<div data-bind="text: Make"></div> </td>
           <td colspan="2" rowspan="2">

               <a href="#">View Report </a>
           </td>
       </tr>
       <tr>
           <td>
               Year: <div data-bind="text: Year"/></td>
       </tr>
       <tr>
           <td> </td>
           <td>
               Model</td>
           <td>
               <div data-bind="text: Model"></div></td>
           <td> </td>
       </tr>
   </table>

@Html.Partial("_Searchplain")

@Styles.Render("~/Content/searchcss")

2
Uncaught Error: Unable to parse bindings.
Message: ReferenceError: SearchOptionsR is not defined;
Bindings value: foreach:SearchOptionsR 

<script type="text/javascript" >
         var currentRowId = 0;
         function MarkRow(rowId) {
             if (document.getElementById(rowId) == null)
                 return;
             if (document.getElementById(currentRowId) != null)
                 document.getElementById(currentRowId).style.backgroundColor = '#ffffff';


             currentRowId = rowId;
             document.getElementById(rowId).style.backgroundColor = '#ff0000';
         }


         function SelectRow() {
             if (event.keyCode == 40)
                 MarkRow(currentRowId + 1);
             else if (event.keyCode == 38)
                 MarkRow(currentRowId - 1);


         } 
    </script>....
 <asp:GridView runat="server" ID="GridView1" AtoGenerateColumns="True"   > 
</asp:GridView>
  <asp:Button runat="server" ID="ss"  Text="Click Me"/>

PageLoad
 With GridView1
            .DataSource = myDataSet
            .DataBind()
            .SelectedIndex = 0
            .Focus()
            .Rows(0).RowState = DataControlRowState.Selected
        End With
 Protected Sub GridView1
_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound
        If e.Row.RowType = DataControlRowType.DataRow And ( _
        e.Row.RowState = DataControlRowState.Alternate Or e.Row.RowState = DataControlRowState.Normal) Then
            e.Row.Attributes.Add("id", ndx.ToString)
            e.Row.Attributes.Add("onKeyDown", "SelectRow();")
            e.Row.Attributes.Add("onClick", "MarkRow(" + ndx.ToString + ");")
            ndx += 1
        End If
    End Sub
  Private Sub ss_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles ss.Click
        Dim i As Integer = GridView1.SelectedIndex
        GridView1.SelectedIndex = i + 1
        GridView1.Focus()
    End Sub

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<meta http-equiv='pragma' content='no-cache'>