avalonjs - avalon 动态绑定select 问题
本文介绍了avalonjs - avalon 动态绑定select 问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<select ms-controller="vmdtype"
id="dtype" ms-duplex="@selected">
<option ms-for="el in @options" ms-attr="{value:el.dtype}">{{el.dtypename}}</option>
</select>
var dtype = avalon.define({
$id : 'vmdtype',
selected : "",
options : [],
loadtype : function() {
$.ajax({
url : getPath + '/aa/querydType.do',
async : false,
cache : false,
type : 'post',
dataType : 'json',
success : function(data) {
dtype.options = [];
dtype.options = data.data;
dtype.options.unshift({
id : -1,
dtype : "",
dtypename : "",
});
dtype.selected="aaaa";//设置默认值
}
});
},
});
问题描述:代码如上,为什么设置select的默认选中项没有用?即dtype.selected="aaaa";//设置默认值这句没起作用。在线等,急
解决方案
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="dist/avalon.js"></script>
<script>
var vm = avalon.define({
$id: 'test',
aaa: "111",
aa: {ddd:1},
selected: '1'
arr: [{value:'1', text:'aaa'},{value:'2', text:'bbb'}]
})
</script>
</head>
<body ms-controller="test">
<select ms-duplex="@selected">
<option ms-for="el in @arr" ms-attr="{value:el.value}">{{el.text}}</option>
</select>
</body>
</html>
这篇关于avalonjs - avalon 动态绑定select 问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文