老代码 - knockout框架学习

下拉单选框

<div data-bind="xxxxxxxxxInit">
	<span class="label">单选标题</span> 
	<select id="selectValue" class="select"></select>
</div>

var getListService = http.getInstance("xxx/xxx/xxx");

composition.addBindingHandler("xxxxxxxxxInit", {
	init	: function(dom) {
		self._constrain = dom;
		self._panel = panal.getPanalByElement(dom);
		initUI();
		getList();
	}
});
		
function initUI() {
	var selectList = $(self._constrain).find("#selectValue").selectize({
	      mode: 'single',
	       valueField: 'value', // 值
	       labelField: 'label', // 展示名称
	       options: null,
	       onChange: function(){}
	   });
	self._selectOptions = selectList[0].selectize;
}

//获取字典列表
function getList(){
	var params = {xxx: xxx};
	getListService.ajax(params).then(function(data){
		self._selectOptions.clearOptions();
		self._selectOptions.addOption(data.xxx);
	});
}

// 取值
var selectedValue = $(self._constrain).find("#selectValue").val();