(function ($, doc, $$) {
$.init();
$.ready(function () {
var cityPicker = new $.PopPicker({
layer: 2
});
$.ajax({
type: 'POST',
url: '@Url.Action("GetSelectList","Banji")',
data: '',
dataType: 'json',
success:function(data) {
cityPicker.setData(data);
},
error: function () {
alert('error');
}
});
var showCityPickerButton = doc.getElementById('showCityPicker');
var cityResult = doc.getElementById('cityResult');
var students = doc.getElementById('students');
showCityPickerButton.addEventListener('tap', function(event) {
cityPicker.show(function (items) {
cityResult.innerText = "" + items[0].text + "->" + items[1].text;
$$('#students').html('');
$.ajax({
type: 'POST',
url: '@Url.Action("GetSelectList","Student")',
data: { banjiId: items[1].value },
dataType: 'json',
success: function (data) {
console.log(data);
var str = '';
data.forEach(function (e) {
str +='<li class="mui-table-view-cell mui-checkbox mui-left"><input name="checkbox" type="checkbox" value="'+ e.value +'">' + e.text + '</li>';
})
$$('#students').html(str);
},
error: function () {
alert('error');
}
});
//返回 false 可以阻止选择框的关闭
//return false;
});
}, false);
});
})(mui, document, jQuery);
</script>