jonboy | C# Online Compiler

jonboy by kblau237

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	
	
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    
    
}

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index6</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-typeahead/2.11.0/jquery.typeahead.min.css"></link>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/0.11.1/typeahead.bundle.min.js"></script>
    <script>
      
            $(function () {
                var substringMatcher = function (strs) {
                    return function findMatches(q, cb) {
                        var matches, substringRegex;

                        // an array that will be populated with substring matches
                        matches = [];

                        // regex used to determine if a string contains the substring `q`
                        substrRegex = new RegExp(q, 'i');

                        // iterate through the pool of strings and for any string that
                        // contains the substring `q`, add it to the `matches` array
                        $.each(strs, function (i, str) {
                            if (substrRegex.test(str)) {
                                matches.push(str);
                            }
                        });

                        cb(matches);
                    };
                };

                var data = [
                    {
                        "last_name": "Jo",
                        "first_name": "Smith",
                        "location": "Plum,Newton"
                    },
                    {
                        "last_name": "Sara",
                        "first_name": "Gates",
                        "location": "Bread"
                    }
                ]

                // initialize string
                // If you like my post,  I will redo this using
                // an array push
                var astring = "["

                $.each(data, function (i, item) {
                    var a = data[i].location.split(",");
                    for (i = 0; i < a.length; i++) {
                        astring = astring + "\"" + a[i] + "\"" + ","
                    }
                });

                astring = astring.substring(0, astring.length - 1);
                astring = astring + "]"

                var newObj = JSON.parse(astring);

                $('#the-basics .typeahead').typeahead({
                    hint: true,
                    highlight: true,
                    minLength: 1
                },
                    {
                        name: 'newObj',
                        source: substringMatcher(newObj)
                    });
            })
        
       

    </script>
</head>
<body>
    <div id="the-basics">
        <input class="typeahead" type="text" placeholder="Locations">
    </div>
</body>
</html>

View

 
@{
    Layout = null;
}
​
<!DOCTYPE html>
​
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index6</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-typeahead/2.11.0/jquery.typeahead.min.css"></link>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/0.11.1/typeahead.bundle.min.js"></script>
    <script>
      
            $(function () {
                var substringMatcher = function (strs) {
                    return function findMatches(q, cb) {
                        var matches, substringRegex;
​
                        // an array that will be populated with substring matches
                        matches = [];
​
                        // regex used to determine if a string contains the substring `q`
                        substrRegex = new RegExp(q, 'i');
​
                        // iterate through the pool of strings and for any string that
                        // contains the substring `q`, add it to the `matches` array
                        $.each(strs, function (i, str) {
                            if (substrRegex.test(str)) {
                                matches.push(str);
                            }
                        });
​
                        cb(matches);
                    };
                };
​
                var data = [
                    {
                        "last_name": "Jo",
                        "first_name": "Smith",
                        "location": "Plum,Newton"
                    },
                    {
                        "last_name": "Sara",
                        "first_name": "Gates",
                        "location": "Bread"
                    }
                ]
​
                // initialize string
                // If you like my post,  I will redo this using
                // an array push
                var astring = "["
​
                $.each(data, function (i, item) {
                    var a = data[i].location.split(",");
                    for (i = 0; i < a.length; i++) {
                        astring = astring + "\"" + a[i] + "\"" + ","
                    }
                });
​
                astring = astring.substring(0, astring.length - 1);
                astring = astring + "]"
​
                var newObj = JSON.parse(astring);
​
                $('#the-basics .typeahead').typeahead({
                    hint: true,
                    highlight: true,
                    minLength: 1
                },
                    {
                        name: 'newObj',
                        source: substringMatcher(newObj)
                    });
            })
        
       
​
    </script>
</head>
<body>
    <div id="the-basics">
        <input class="typeahead" type="text" placeholder="Locations">
    </div>
</body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			return View();
		}
}

		
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View();
        }
}
​
        
}

View in Full Screen

          *
         * *
        * * *
       * * * *
      * * * * *
     * * * * * *
    * * * * * * *
   * * * * * * * *
  * * * * * * * * *
* * * * * * * * * *

Last Run:	10:16:32 pm
Compile:	0.189s
Execute:	0s
Memory:	0b
CPU:	0.016s

View IL Code