Print Page - how to add dynamically combobox from database

Title: how to add dynamically combobox from database
Post by: sky_proj on March 21, 2019, 08:44:32 PM

i want add combobox-easyui dynamically into my page, when i refresh will read my database and show combobox-easyui

Code:

<html>
<script>
$(document).ready(function(){
	$.ajax({
		async: false,
		type: "POST", 
		url:"testFunc.php",
		data: "proses=1", 
		dataType: "json",  
		success: function(data) {
			document.getElementById('mybody').innerHTML =data[0].model;
		},
		error : function() {
		},
		complete: function() {
		}					
	});	
});	
</script>
<body>
<div id="mybody">

</div>
</body>
</html>

Code:

testFunc.php
	if (isset($_POST)){
		$qstring = "select * from coba";
		$rs = mysqli_query($conn_login,$qstring);

		$items = array();
		while($row = mysqli_fetch_object($rs)){
			array_push($items, $row);
		}
		echo json_encode($items);
	}

Code:

table coba just 1 record and 1 field with name "model" as text type
model field contain :
<input name="dataku" class="easyui-combobox" data-options="
		valueField: 'label',
		textField: 'value',
		data: [{
			label: 'java',
			value: 'Java'
		},{
			label: 'perl',
			value: 'Perl'
		},{
			label: 'ruby',
			value: 'Ruby'
		}]" />

the problem my page just show textbox standar html not combobox-easyui, plase help me how to fix this
Thanks

Title: Re: how to add dynamically combobox from database
Post by: jahangir on March 21, 2019, 11:23:57 PM

EasyUI controls can't be creaded by just appending the html tags after DOM is fully loaded, you have to re-create it with the javascript after appending html tags.

Plese try this in you ajax call success function.

Code:

document.getElementById('mybody').innerHTML =data[0].model;
$("[name='dataku']").combobox();

Title: Re: how to add dynamically combobox from database
Post by: sky_proj on March 22, 2019, 12:27:00 AM

Quote from: jahangir on March 21, 2019, 11:23:57 PM

Code:

document.getElementById('mybody').innerHTML =data[0].model;
$("[name='dataku']").combobox();

Ok thanks :)

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: sky_proj on March 21, 2019, 08:44:32 PM