Autocomplete in html page using jquery

-
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>   
    <script>
        $(function () {
            questionnaires = [];
            var data = 'asas,wew,asdasd,sdfsd,eeewew,Test Survey,Test Title,Testasif1,Sports Questionnaire,IT Questionnaire,REvive Test,ASSD,dasd,dasd,sdf,hello2,abc,test QUES2,hello3,test101,helolo,Questionnaire5,testone,DotNet,TodayQuestion,The Johnson Family,Testing 101,Testing 101,Testing 1017,Testing 1012,a,we,sdasdf,dfgsdf,aa,aaa,aaa,a,a1,NewTest101,None,Test 102,MyFirstQuestionnaire,HealthSurvey,cxvx,New Check Qst,h zdvcs ert df 18,h z10s ert df 18 ghj,safdxcfvx sf dfgdfg fghf,safdx xcvfvx sf dfgdfg fghf,Hello,Hello,qweasdzxc,Hello Test, gbhjmbghjm dfghbdfch,Amit Self Qst,Demo,All Types Questions,Check Boxes Questions,Amit21102015B,Amit21102015C,Error Testing,Sequence test,More testing,TESTPAQ,AGAINTEST,TESTINGPAQ,QuestionCompleted,QuestionCompletednew,TestSave,TESTING PIE CHART,TestingPIEChart,TestingPieChartN,t,y1,create html test,test html,html testt,html test f,xdht,tg,s,youtest,test,TEST complete q,Q,test survey WIDGET,test surveyf,Test q list1,loif,test eleven,Widgets test,widgets test2,widget test14,Widget sequence,widget sequence new,wid seq,SAMPLE PAQ,SAMPLE PAQ1,mindset survey,AKSHITA TEST,dfftrg,dqqqqq,Linden Road Primary School,linden road academy,assign,abcdefg,tryugfhvgh,Questionnaire Basic Details,Questionnaire Basic Details111,Amit Sample,Text length test,Length1,lengh,len,tyyt,lennn,Test progress,test complete,widget14,Pie Chart Testing,Check Test,Test comma , in Questionnaire';
            var arr = data.split(',');
            for (var i = 0; i < arr.length; i++) {
                questionnaires.push(arr[i]);
            }           
            $("#tags").autocomplete({
                source: questionnaires
            });
        });
    </script>
</head>
<body>

    <div class="ui-widget">
        <label for="tags">Tags: </label>
        <input id="tags">
    </div>


</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Form submit resulting in “InvalidDataException: Form value count limit 1024 exceeded.” In ASP.NET Core

-
You can change the default formvalue limit using the   FormOptions . If you are using MVC, then you can create a filter and decorate on action where you want to extend this limit and keep the default for rest of the actions. namespace Filter {     using System;     using Microsoft.AspNetCore.Http.Features;     using Microsoft.AspNetCore.Mvc.Filters;     /// <summary>     /// Request Form Size Limit Attribute     /// </summary>     /// <seealso cref="System.Attribute" />     /// <seealso cref="Microsoft.AspNetCore.Mvc.Filters.IAuthorizationFilter" />     /// <seealso cref="Microsoft.AspNetCore.Mvc.Filters.IOrderedFilter" />     [AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = false, Inherited = true)]     public class RequestFormSizeLimitAttribute : Attri...
Read more

Calculate Dynamic Current Calendar / Financial Year In C#

-
I need a financial / calendar year based on current or today's date time We need some time dynamically financial year or calendar year base on current date. Suppose any company or organization have calendar year like 1 st  Jan to 31 th  Dec, 1 st  Feb to 31 th  Jan, 1 st  Apr to 31 Mar, 1 st  Oct to 31 th  Sep etc...… So we need calculate current calendar year base on calendar start month of organization /company. Examples Suppose Today's date is 5 th  Feb 2017 and organization calendar start month is Jan(01) then current calendar year we will be 1 st  Jan 2017 to 31 th  Dec 2017. Suppose Today's date is 10 th  Mar 2017 and organization calendar start month is Apr(04) then current calendar year we will be 1 st  Apr 2016 to 31 th  Mar 2017. Suppose Today's date is 10 th  May 2018 and organization calendar start month is Apr(04) then current calendar year we will be 1 s t Apr 2018 to 31 th  Mar 2019...
Read more

Repository Design Pattern in C#

-
Image
  What is the Repository Design Pattern in C#? The Repository Design Pattern in C# Mediates between the domain and the data mapping layers using a collection-like interface for accessing the domain objects. In other words, we can say that a Repository Design Patternacts as a middleman or middle layer between the rest of the application and the data access logic. That means a repository pattern isolates all the data access code from the rest of the application. The advantage of doing so is that, if you need to do any change then you need to do in one place. Another benefit is that testing your controllers becomes easy because the testing framework need not run against the actual database access code. With a repository  design pattern introduced, the above figure can be changed to: Why we need   the Repository Pattern in C#? Most of the data-driven applications need to access the data residing in one or more other data sources. Most of the time data sources will be a d...
Read more