{"id":3069,"date":"2016-02-16T01:49:15","date_gmt":"2016-02-16T01:49:15","guid":{"rendered":"http:\/\/blog.jaringanhosting.com\/?p=3069"},"modified":"2016-02-16T02:39:26","modified_gmt":"2016-02-16T02:39:26","slug":"asp-net-hosting-indonesia-cara-menggunakan-ajax-control-toolkit-autocomplete-pada-project","status":"publish","type":"post","link":"https:\/\/blog.jaringanhosting.com\/index.php\/asp-net-hosting-indonesia-cara-menggunakan-ajax-control-toolkit-autocomplete-pada-project\/","title":{"rendered":"ASP.NET Hosting Indonesia &#8211; Cara menggunakan ajax control toolkit autocomplete pada Project"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/4.bp.blogspot.com\/-2GIRQCHeLYI\/Vrm-JbDVBcI\/AAAAAAAABwQ\/oKezmHq1H2I\/s1600\/auto-complete.PNG\" alt=\"\" width=\"310\" height=\"231\" \/> Pada artikel blog ini saya akan membahas bagaimana menggunakan ajax-control tool kit auto-lengkap dalam aplikasi ASP.NET. Hal ini sangat mudah untuk mengintegrasikan dengan aplikasi formulir web Anda. Mari kita bahas bagaimana mengintegrasikannya. Langkah 1 Tambahkan referensi dari ajax-control-tool-kit dalam proyek.<\/p>\n<pre style=\"color: #000000\"><span style=\"color: #007700\">&lt;%@<\/span> Register Assembly=\"AjaxControlToolkit\" Namespace=\"AjaxControlToolkit.HTMLEditor\"    TagPrefix=\"cc1\" <span style=\"color: #007700\">%&gt;<\/span><\/pre>\n<p>Langkah 2 Tambahkan bawah kelas dalam kode CSS Anda.<\/p>\n<pre>.AutoExtender\r\n{\r\nfont-family: Arial, Helvetica, sans-serif;\r\nfont-size: 18px;\r\nfont-weight: normal;\r\nborder: solid 1px #006699;\r\nline-height: 20px;\r\npadding: 10px;\r\nbackground-color: White;\r\nmargin-left: 10px;\r\n}\r\n.AutoExtenderList\r\n{\r\ncursor: pointer;\r\ncolor: Maroon;\r\n}\r\n.AutoExtenderHighlight\r\n{\r\ncolor: #5E6366;\r\ncursor: pointer;\r\n}<\/pre>\n<p>Langkah 3. Buat Layanan yang akan mengembalikan hasil untuk mengisi di autocomplete seperti contoh yang saya berikan diatas mendapatkan daftar Pengguna dalam metode layanan.<\/p>\n<pre> [System.Web.Script.Services.ScriptMethod()]\r\n [System.Web.Services.WebMethod]\r\n public static string[] GetUserList(string prefixText)\r\n {\r\n List&lt;string&gt; lst = new List&lt;string&gt;();\r\n\r\n lst = GetUsers();\r\n string[] prefixTextArray = lst.ToArray&lt;string&gt;();\r\n return prefixTextArray;\r\n }<\/pre>\n<pre class=\"lang:default decode:true \"> &lt;div id=\"divwidth\" style=\"width: 55%\"&gt;\r\n           &lt;\/div&gt;\r\n           &lt;asp:TextBox runat=\"server\" Width=\"100%\" ID=\"txtTo\" Height=\"50px\" TextMode=\"MultiLine\"&gt;&lt;\/asp:TextBox&gt;\r\n             &lt;asp:AutoCompleteExtender ID=\"txtTo_AutoCompleteExtender\" ServiceMethod=\"GetUserList\"\r\n                                            DelimiterCharacters=\", \" ShowOnlyCurrentWordInCompletionListItem=\"true\" MinimumPrefixLength=\"1\"\r\n                                            CompletionInterval=\"0\" EnableCaching=\"false\" CompletionSetCount=\"10\" TargetControlID=\"txtTo\"\r\n                                            runat=\"server\" FirstRowSelected=\"false\" CompletionListCssClass=\"AutoExtender\"\r\n                                            CompletionListItemCssClass=\"AutoExtenderList\" CompletionListHighlightedItemCssClass=\"AutoExtenderHighlight\"\r\n                                            CompletionListElementID=\"divwidth\"&gt;\r\n            &lt;\/asp:AutoCompleteExtender&gt;<\/pre>\n<p>Selesai. Smeog artikel ini bermanfaat untuk teman-teman sekalian. Jangan lupa untuk like dan share \ud83d\ude42<\/p>\n<h3><a href=\"http:\/\/www.jaringanhosting.com\" target=\"_blank\"><img loading=\"lazy\" class=\"size-full wp-image-3063 alignleft\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2016\/02\/jarhost-banner-new1.jpg\" alt=\"jarhost-banner-new1\" width=\"300\" height=\"250\" \/><\/a>Alasan Memilih Kami Sebagai Partner ASP.NET Hosting Anda!<\/h3>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-170\" src=\"https:\/\/windowshostingterbaik.files.wordpress.com\/2016\/01\/centang.png\" alt=\"centang\" width=\"20\" height=\"20\" \/>\u00a0Server dan Network yang Handal <img loading=\"lazy\" class=\"alignnone wp-image-170\" src=\"https:\/\/windowshostingterbaik.files.wordpress.com\/2016\/01\/centang.png\" alt=\"centang\" width=\"20\" height=\"20\" \/>\u00a0Control Panel yang User-Friendly <img loading=\"lazy\" class=\"alignnone wp-image-170\" src=\"https:\/\/windowshostingterbaik.files.wordpress.com\/2016\/01\/centang.png\" alt=\"centang\" width=\"20\" height=\"20\" \/>\u00a0Pengalaman di bidang ASP.NET hosting, terutama \u00a0Windows Hosting selama bertahun-tahun <img loading=\"lazy\" class=\"alignnone wp-image-170\" src=\"https:\/\/windowshostingterbaik.files.wordpress.com\/2016\/01\/centang.png\" alt=\"centang\" width=\"20\" height=\"20\" \/>\u00a0Teknologi ASP.NET Hosting paling mutakhir <img loading=\"lazy\" class=\"alignnone wp-image-170\" src=\"https:\/\/windowshostingterbaik.files.wordpress.com\/2016\/01\/centang.png\" alt=\"centang\" width=\"20\" height=\"20\" \/>\u00a0Standar security yang amat tinggi <a href=\"http:\/\/www.jaringanhosting.com\" target=\"_blank\">JaringanHosting.com<\/a> adalah provider ASP.NET dan Windows hosting No #1 di Indonesia. Web Hosting kami mendapatkan Microsoft Spotlight Award dari Microsoft dan ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2015, ASP.NET 4.6, ASP.NET MVC 6, Silverlight 5 and Visual Studio Lightswitch.<\/p>\n<h4><\/h4>\n<p style=\"text-align: center\"><a href=\"http:\/\/jaringanhosting.com\/\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone\" src=\"http:\/\/www.speedessays.com\/wp-content\/uploads\/2015\/11\/order_now_button.png\" alt=\"\" width=\"218\" height=\"88\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pada artikel blog ini saya akan membahas bagaimana menggunakan ajax-control tool kit auto-lengkap dalam aplikasi ASP.NET. Hal ini sangat mudah untuk mengintegrasikan dengan aplikasi formulir web Anda. Mari kita bahas bagaimana mengintegrasikannya. Langkah 1 Tambahkan referensi dari ajax-control-tool-kit dalam proyek.<\/p>\n","protected":false},"author":10337,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[10,474,947,946,950,944,948,945,949],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/3069"}],"collection":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/users\/10337"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/comments?post=3069"}],"version-history":[{"count":0,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/3069\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/media?parent=3069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/categories?post=3069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/tags?post=3069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}