Mobile DataList

[garnold]

I'm trying to add a valueField to the datalist. I can create a list via the documentation just fine but I need more then just the text. I need to add a value connected to each row. This is an id for the item selected.

[stworthy]

You can bind any data rows on the datalist.

Code:

var data = [
	{"group":"FL-DSH-01","item":"Tailless"},
	{"group":"FL-DSH-01","item":"With tail"},
	{"group":"FL-DSH-02","item":"Adult Female"},
	{"group":"FL-DSH-02","item":"Adult Male"}
];
$(function(){
	$('#dl').datalist({
		data: data,
		textField: 'item',
		groupField: 'group',
		textFormatter: function(value){
			return '<a href="javascript:void(0)" class="datalist-link">' + value + '</a>';
		},
		onClickRow: function(index,row){
			$('#p2-title').html(row.item);
			$.mobile.go('#p2');
		}
	})
})