ASP.NET Hosting Indonesia – Cara menggunakan ajax control toolkit autocomplete pada Project

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.

<span style="color: #007700">&lt;%@</span> Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor"    TagPrefix="cc1" <span style="color: #007700">%&gt;</span>

1	<span style="color: #007700"><%@</span> Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" TagPrefix="cc1" <span style="color: #007700">%></span>

Langkah 2 Tambahkan bawah kelas dalam kode CSS Anda.

.AutoExtender
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
border: solid 1px #006699;
line-height: 20px;
padding: 10px;
background-color: White;
margin-left: 10px;
}
.AutoExtenderList
{
cursor: pointer;
color: Maroon;
}
.AutoExtenderHighlight
{
color: #5E6366;
cursor: pointer;
}

.AutoExtender

{

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

font-weight: normal;

border: solid 1px #006699;

line-height: 20px;

padding: 10px;

background-color: White;

margin-left: 10px;

}

.AutoExtenderList

{

cursor: pointer;

color: Maroon;

}

.AutoExtenderHighlight

{

color: #5E6366;

cursor: pointer;

}

Langkah 3. Buat Layanan yang akan mengembalikan hasil untuk mengisi di autocomplete seperti contoh yang saya berikan diatas mendapatkan daftar Pengguna dalam metode layanan.

 [System.Web.Script.Services.ScriptMethod()]
 [System.Web.Services.WebMethod]
 public static string[] GetUserList(string prefixText)
 {
 List&lt;string&gt; lst = new List&lt;string&gt;();

 lst = GetUsers();
 string[] prefixTextArray = lst.ToArray&lt;string&gt;();
 return prefixTextArray;
 }

[System.Web.Script.Services.ScriptMethod()]

[System.Web.Services.WebMethod]

public static string[] GetUserList(string prefixText)

{

List<string> lst = new List<string>();

lst = GetUsers();

string[] prefixTextArray = lst.ToArray<string>();

return prefixTextArray;

}

 <div id="divwidth" style="width: 55%">
           </div>
           <asp:TextBox runat="server" Width="100%" ID="txtTo" Height="50px" TextMode="MultiLine"></asp:TextBox>
             <asp:AutoCompleteExtender ID="txtTo_AutoCompleteExtender" ServiceMethod="GetUserList"
                                            DelimiterCharacters=", " ShowOnlyCurrentWordInCompletionListItem="true" MinimumPrefixLength="1"
                                            CompletionInterval="0" EnableCaching="false" CompletionSetCount="10" TargetControlID="txtTo"
                                            runat="server" FirstRowSelected="false" CompletionListCssClass="AutoExtender"
                                            CompletionListItemCssClass="AutoExtenderList" CompletionListHighlightedItemCssClass="AutoExtenderHighlight"
                                            CompletionListElementID="divwidth">
            </asp:AutoCompleteExtender>

</div>

<asp:TextBox runat="server" Width="100%" ID="txtTo" Height="50px" TextMode="MultiLine"></asp:TextBox>

<asp:AutoCompleteExtender ID="txtTo_AutoCompleteExtender" ServiceMethod="GetUserList"

DelimiterCharacters=", " ShowOnlyCurrentWordInCompletionListItem="true" MinimumPrefixLength="1"

CompletionInterval="0" EnableCaching="false" CompletionSetCount="10" TargetControlID="txtTo"

runat="server" FirstRowSelected="false" CompletionListCssClass="AutoExtender"

CompletionListItemCssClass="AutoExtenderList" CompletionListHighlightedItemCssClass="AutoExtenderHighlight"

CompletionListElementID="divwidth">

</asp:AutoCompleteExtender>

Selesai. Smeog artikel ini bermanfaat untuk teman-teman sekalian. Jangan lupa untuk like dan share 🙂

Alasan Memilih Kami Sebagai Partner ASP.NET Hosting Anda!

Server dan Network yang Handal Control Panel yang User-Friendly Pengalaman di bidang ASP.NET hosting, terutama Windows Hosting selama bertahun-tahun Teknologi ASP.NET Hosting paling mutakhir Standar security yang amat tinggi JaringanHosting.com 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.