ASP.NET Ajax 4 Preview 5 telah dirilis beberapa hari yang lalu. Berbeda dengan rilis-rilis sebelumnya, balam rilis kali ini disertakan contoh kode yang lengkap untuk dipelajari.
Ada beberapa penambahan fitur dalam rilis kali ini yaitu.
Contoh penggunaan untuk poin no 1 dan 3 sudah ada dalam paket yang dapat diunduh dari Codeplex. Sedangkan contoh untuk poin no 2 belum ada dalam paket tersebut. Saya mencoba untuk buat contoh sederhana mengenai penggunaan BindingConverter.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Binding Converters</title>
<link href="styles/list.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="../MicrosoftAjax/MicrosoftAjax.debug.js"></script>
<script type="text/javascript"
src="../MicrosoftAjax/MicrosoftAjaxTemplates.debug.js"></script>
<script type="text/javascript">
var karyawan = [ { nama : 'Ahmad Masykur', jenisKelamin : 'L' },
{ nama : 'Siti', jenisKelamin : 'P' },
{ nama : 'Agus', jenisKelamin : 'L' },
{ nama : 'Putri', jenisKelamin : 'P' }];
Sys.Binding.converters.myconverter = function(valueToConvert, binding) {
if (valueToConvert == 'L')
return 'Bapak';
else
return 'Ibu';
}
function pageLoad() {
$create(
Sys.UI.DataView,
{
data: karyawan
},
{},
{},
$get("karyawanListView")
);
}
</script>
</head>
<body>
<!--Client Template used by attached DataView-->
<ul id="karyawanListView" class="list sys-template">
<li>
<span>{ binding jenisKelamin, convert=myconverter }</span>
<span>{{ nama }}</span>
</li>
</ul>
</body>
</html>
Dalam contoh di atas, jenisKelamin dikonversi menjadi Bapak/Ibu.