показ данных в комбобоксе jeasyui

у меня есть поле со списком с jeasyui, я хочу проверить данные .. но данные не появятся в списке ..

вот скриншот:

http://s.kaskus.id/images/2015/04/08/2192642_20150408103727.jpg

но когда я набираю слово для фильтрации списка, это работает!
например, есть Нью-Йорк и Нью-Джерси .. я набрал его, список отфильтрован

вот снова скриншот:

http://s.kaskus.id/images/2015/04/08/2192642_20150408104053.jpg

и вот код .. я получаю этот код из Интернета, но пример использует json для данных, в то же время я использую ссылку на другой файл для данных.

function cmdArea($name,$caption)
{
?>
<tr>
<td><?php getCaption($caption);?> :</td>
<td>
<input class="easyui-combobox"id="<?php echo $name;?>"name="<?php echo $name;?>"data-options="
method:'post',
mode:'remote',
valueField:'id',
textField:'area_name',
panelHeight:'auto',panelHeight:100,width:150, forceSelection:true"disabled=true>
</input>
<script>
$.extend($.fn.validatebox.defaults.rules,{
exists:{
validator:function(value,param){
var cc = $(param[0]);
var v = cc.combobox('getValue');
var rows = cc.combobox('getData');
for(var i=0; i<rows.length; i++){
if (rows[i].id == v){return true}
}
return false;
},
message:'The entered value does not exists.'
}
});

$(function () {
$('#harea').combobox({
url: 'services/runCRUD.php?func=datasource&lookup=mst/area&pk=<?php echo "area_code"; ?>&sk=<?php echo "area_name"; ?>&order=area_name', // <-- here is my data, the example was a json data then i tried to change with mine but not working
panelHeight: 'auto',
selectOnNavigation: false,
valueField: 'id',
textField: 'text',
editable: true,
required: true,
validType: 'exists["#harea"]',
onLoadSuccess: function () { },
filter: function (q, row) {
return row.text.toLowerCase().indexOf(q.toLowerCase()) == 0;
},

});

$('#harea').combobox('setValue','1');

$('#harea').combobox('validate')
alert($('#harea').combobox('isValid'));
});
</script>
</td>
</tr>
<?php
}
?>

кто-нибудь может мне помочь ..
и спасибо раньше.