ASP.NET Hosting Indonesia – Membuat Template ASP.NET Repeater

Min Syahrir ASP.NET Hosting April 6, 2016100% ASP.NET 4.5.1 Hosting Indonesia, asp.net, ASP.NET 1 Indonesia, ASP.NET 2 Indonesia, ASP.NET 3 Indonesia, ASP.NET 3.5 Indonesia, asp.net 4 hosting, ASP.NET 4.5 Hosting, asp.net 4.5 hosting bagus, asp.net 4.5 hosting murah, ASP.NET 4.5 Indonesia, asp.net 4.5 tutorial, ASP.NET 4.5.1 Hosting Indonesia, ASP.NET 4.5.1 Hosting Indonesia Bagus, ASP.NET 4.5.1 Hosting Indonesia Berkualitas, asp.net 4.5.2 hosting indonesia, asp.net hosting indonesia, ASP.NET Hosting Indonesia Terbaik di Indonesia, Hosting ASP.NET Indonesia, Hosting ASP.NET Terbaik di Indonesia 0 Comment

Repeater control kontrol yang membuat HTML untuk menampilkan isi dari daftar atau source mereka saling terikar. Tidak memiliki built-in tata letak atau gaya, sehingga Anda harus secara eksplisit menyatakan semua tata letak, format, dan tag gaya dalam controls templates.

Minimal, setiap Repeater Control harus menentukan ItemTemplate. template opsional lainnya dapat digunakan untuk menyesuaikan tampilan dari daftar. Mereka ItemTemplate, AlternatingItemTemplate, SeparatorTemplate, HeaderTemplate dan FooterTemplate.

ItemTemplate diperlukan olehRepeater Control dan menghasilkan satu baris output untuk setiap baris data. AlternatingItemTemplate sama seperti ItemTemplate dan merender untuk setiap baris data lainnya. HeaderTemplate dan FooterTemplate membuat HTML segera sebelum dan setelah semua baris data yang telah diberikan dan akhirnya SeparatorTemplate membuat item antara setiap baris data seperti tag HTML br, p, atau HR.

mengikuti program ASP.NET menunjukkan cara menggunakan Template di Repeater Control.

Default.aspx

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head id="Head1" runat="server"&gt;
&lt;title&gt;Untitled Page&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;form id="form1" runat="server"&gt;
 &lt;div&gt;
 &lt;asp:Repeater id="repeater1" runat="server" DataSourceID="SqlDataSource1"&gt;
 &lt;HeaderTemplate&gt;
 &lt;b&gt;&lt;u&gt;HEADER TEXT HERE&lt;/u&gt;&lt;/b&gt;&lt;hr&gt;
 &lt;/HeaderTemplate&gt;
 &lt;ItemTemplate&gt;
 &lt;%# DataBinder.Eval(Container.DataItem, "stor_id")%&gt; &amp;nbsp;&amp;nbsp;
 &lt;%# DataBinder.Eval(Container.DataItem, "stor_name")%&gt; &lt;br /&gt;
 &lt;/ItemTemplate&gt;
 &lt;SeparatorTemplate&gt;
 &lt;hr&gt;
 &lt;/SeparatorTemplate&gt;
 &lt;FooterTemplate&gt;
 &lt;hr&gt;&lt;b&gt;&lt;u&gt;FOOTER TEXT HERE&lt;/u&gt;&lt;/b&gt;
 &lt;/FooterTemplate&gt;
 &lt;/asp:Repeater&gt;
 &lt;asp:SqlDataSource ID="SqlDataSource1" runat="server"
 ConnectionString="&lt;%$ ConnectionStrings:SQLDbConnection %&gt;"
 SelectCommand="select [stor_id],[stor_name] from stores" /&gt;
 &lt;/div&gt;
 &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Page</title>

</head>

<body>

<div>

<asp:Repeater id="repeater1" runat="server" DataSourceID="SqlDataSource1">

<b><u>HEADER TEXT HERE</u></b><hr>

</HeaderTemplate>

<%# DataBinder.Eval(Container.DataItem, "stor_id")%> &nbsp;&nbsp;

<%# DataBinder.Eval(Container.DataItem, "stor_name")%> <br />

</ItemTemplate>

<hr>

</SeparatorTemplate>

<hr><b><u>FOOTER TEXT HERE</u></b>

</FooterTemplate>

</asp:Repeater>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:SQLDbConnection %>"

SelectCommand="select [stor_id],[stor_name] from stores" />

</div>

</form>

</body>

</html>

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.

ASP.NET Hosting Indonesia – ASP.NET MVC Data Binding dengan Dapper

Min Syahrir ASP.NET Hosting April 4, 2016ASP.NET 1 Indonesia, ASP.NET 2 Indonesia, ASP.NET 3 Indonesia, ASP.NET 3.5 Indonesia, asp.net hosting indonesia, Hosting ASP.NET Indonesia 0 Comment

Pada controller tambahkan namespace berikut

using System.Web.Configuration;
using System.Data.SqlClient;
using Dapper;
using MvcLabs.Models;
using System.Data;

using System.Web.Configuration;

using System.Data.SqlClient;

using Dapper;

using MvcLabs.Models;

using System.Data;

Pada action di controller tersebut, dimana kita akan menggunakan dapper, tambahkan kode berikut untuk melakukan data binding.

Pada action di controller tersebut, dimana kita akan menggunakan dapper, tambahkan kode berikut untuk melakukan data binding.

public ActionResult Index()
{
 var connectionString = WebConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;

 using (var connection = new SqlConnection(connectionString))
 {
 var result = connection.Query&lt;City&gt;("GetCities", commandType: CommandType.StoredProcedure).ToList();

 return View(result);
 }
}

Pada action di controller tersebut, dimana kita akan menggunakan dapper, tambahkan kode berikut untuk melakukan data binding.

public ActionResult Index()

{

var connectionString = WebConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;

using (var connection = new SqlConnection(connectionString))

{

var result = connection.Query<City>("GetCities", commandType: CommandType.StoredProcedure).ToList();

return View(result);

}

Sehingga secara keseluruhan, controller yang baru saja kita buat menjadi seperti ini :

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Configuration;
using System.Data.SqlClient;
using Dapper;
using MvcLabs.Models;
using System.Data;
namespace MvcLabs.Controllers
{
public class CityController : Controller
{
//
// GET: /City/

public ActionResult Index()
{
var connectionString = WebConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;

using (var connection = new SqlConnection(connectionString))
{
var result = connection.Query&lt;City&gt;("GetCities", commandType: CommandType.StoredProcedure).ToList();

return View(result);
}
}

}
}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using System.Web.Configuration;

using System.Data.SqlClient;

using Dapper;

using MvcLabs.Models;

using System.Data;

namespace MvcLabs.Controllers

{

public class CityController : Controller

{

// GET: /City/

public ActionResult Index()

{

var connectionString = WebConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;

using (var connection = new SqlConnection(connectionString))

{

var result = connection.Query<City>("GetCities", commandType: CommandType.StoredProcedure).ToList();

return View(result);

}

Setelah selesai bekerja dengan controller, mari kita mulai untuk membuat view.

1. Klik kanan pada action index –> Add View

2. Buat view dengan class/model City.cs (Model ini harus sesuai dengan class/model yang kita gunakan pada dapper di controller). Dengan temlpate List. Lebih jelasnya, kita dapat melihat gambar di bawah ini.

Visual Studio akan membuat template view dengan gambar dibawah ini

Untuk melihat hasilnya run project (F5), masuk ke controller City , contoh : http://localhost:54614/City

Data yang kita dapatkan akan ditampilkan seperti berikut ini :

Selesai

ASP.NET Hosting Indonesia – Pengenalan ASP.NET MVC untuk Pemula

Min Syahrir ASP.NET Hosting March 17, 2016asp.net hosting indonesia, ASP.NET Hosting Indonesia Murah, Hosting ASP.NET Indonesia 0 Comment

Pada pengenalan ini, kita akan membuat aplikasi untuk manajemen data memiliki fungsi untuk menampilkan (Read), membuat (Create), mengubah (Update) dan menghapus data (Delete), atau bahasa kerennya adalah operasi CRUD (Create – Read – Update – Delete). Sebagai contoh, aplikasi yang akan kita buat disini adalah aplikasi untuk manajemen data koleksi film.

Langkah pertama adalah membuat project di Visual Studio

1. Klik menu File –> New Project

2. Pilih ASP.Net MVC 4 Web Application –> Berikan judul project (Contoh : “ManajemenKoleksiFilm”) –> Klik OK

3. Pilih Intranet Application –> OK

Setelah itu Visual Studio akan membuat template aplikasi. Template aplikasi ini adalah “Hello World” project. Untuk dapat melihat seperti apa bentuknya. Klik F5, atau klik menu Debug –> Start Debugging.

Selesai 🙂
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.

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

Min Syahrir ASP.NET Hosting February 16, 2016asp.net hosting indonesia, asp.net hosting indonesia terbaik, ASP.NET Hosting Indonesia Terhandal, ASP.NET Hosting Indonesia Termurah, dan Handal, Hosting ASP.NET Indonesia, Hosting ASP.NET Indonesia Murah, Hosting ASP.NET Indonesia Terbaik, Terbak 0 Comment

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.