options, optionsValue, optionText 키값 사용자 정의

   

/**
 * Require Files for AXISJ UI Component...
 * Based		: jQuery
 * Javascript 	: AXJ.js, AXInput.js, AXSelect.js
 * CSS			: AXJ.css, AXInput.css, AXSelect.css
 */

// AXSelect 환경설정 값 변경
AXConfig.AXSelect.keyOptions = "list";
AXConfig.AXSelect.keyOptionValue = "optionValue";
AXConfig.AXSelect.keyOptionText = "optionText";
AXSelect.setConfig({ targetID: "AXselect" });

var pageID = "AXSelect-custom";
var fnObj = {
	pageStart: function(){


		// 예약어 설정 안하고 AXConfig 속성 사용
		$("#ax-select-01").bindSelect({
			ajaxUrl: "selectData-01.php",
			ajaxPars: "",
			onchange: function(){
				trace("change : " + Object.toJSON(this));
			}
		});

		// 예약어 설정
		$("#ax-select-02").bindSelect({
			reserveKeys: {
				options: "lists",
				optionValue: "value",
				optionText: "text"
			},
			ajaxUrl: "selectData-02.php",
			ajaxPars: "",
			onchange: function(){
				trace("change : " + Object.toJSON(this));
			}
		});

		// 예약어 다르게 설정
		$("#ax-select-03").bindSelect({
			reserveKeys: {
				options: "options",
				optionValue: "CD",
				optionText: "NM"
			},
			ajaxUrl: "selectData-03.php",
			ajaxPars: "",
			onchange: function(){
				trace("change : " + Object.toJSON(this));
			}
		});

	}
};
jQuery(document.body).ready(function(){
	fnObj.pageStart();
	prettyPrint();
});

selectData-01.php

{
	result:"ok",
	list:[
		{optionValue:1, optionText:"Seoul"},
		{optionValue:2, optionText:"대구"},
		{optionValue:3, optionText:"대전"},
		{optionValue:4, optionText:"창원"},
		{optionValue:5, optionText:"마산"},
		{optionValue:6, optionText:"구례"},
		{optionValue:7, optionText:"제주도"},
		{optionValue:8, optionText:"전주"},
		{optionValue:4, optionText:"창원"},
		{optionValue:5, optionText:"마산"},
		{optionValue:6, optionText:"구례"},
		{optionValue:7, optionText:"제주도"},
		{optionValue:8, optionText:"전주"},
		{optionValue:9, optionText:"Gwangju"}
	],
	etcs:""
}

selectData-02.php

{
	result:"ok",
	lists:[
		{value:1, text:"Seoul"},
		{value:2, text:"대구"},
		{value:3, text:"대전"},
		{value:4, text:"창원"},
		{value:5, text:"마산"},
		{value:6, text:"구례"},
		{value:7, text:"제주도"},
		{value:8, text:"전주"},
		{value:4, text:"창원"},
		{value:5, text:"마산"},
		{value:6, text:"구례"},
		{value:7, text:"제주도"},
		{value:8, text:"전주"},
		{value:9, text:"Gwangju"}
	],
	etcs:""
}

selectData-03.php

{
	result:"ok",
	options:[
		{"CD":1, "NM":"Seoul"},
		{"CD":2, "NM":"대구"},
		{"CD":3, "NM":"대전"},
		{"CD":4, "NM":"창원"},
		{"CD":5, "NM":"마산"},
		{"CD":6, "NM":"구례"},
		{"CD":7, "NM":"제주도"},
		{"CD":8, "NM":"전주"},
		{"CD":4, "NM":"창원"},
		{"CD":5, "NM":"마산"},
		{"CD":6, "NM":"구례"},
		{"CD":7, "NM":"제주도"},
		{"CD":8, "NM":"전주"},
		{"CD":9, "NM":"Gwangju"}
	],
	etcs:""
}