最开始是做flex的,jsp这些东西懂,但是对ui框架这些东西就比较生疏了,最近在做微信的项目,公司后台框架是easyui的,做起来就比较费事了,今天遇到一个问题,就是用combotree把商品类型树状形式展示,对应的商品下拉框中会对应类型的改变而改变。在网上找了一些资料,没什么现成的,自己试了下,还是可以实现的。可能网上有,比较笨,没有找到。自己总结一下,方便以后看,也方便别人。
jsp页面中两个下拉框
<span style="font-family: Arial, Helvetica, sans-serif;"><tr></span>
<td align="right">商品类型:</td>
<td align="left">
<input style="width:200px;" name="typeParent" id="typeParent" class="easyui-combotree" data-options="url:'goodstype/list.html?parentId=0',
onBeforeExpand:function(node){$('#typeParent').combotree('tree').tree('options').url = 'goodstype/list.html?parentId='+node.id;},
onLoadSuccess:function(){$('#typeParent').combotree('tree').tree('expandAll');},panelHeight:'250'"/>
</td>
</tr>
<tr>
<td align="right">所属商品:</td>
<td align="left">
<select name="goodsId" id="goodsId" editable="false" style="width:200px;" required="true" class="easyui-combobox"
data-options="
url:'goods/selGoodsByType.html',
valueField:'gid',
textField:'goodsName',
panelHeight:'auto'
"></select>
</td>
</tr>
js代码
$('#typeParent').combotree({onSelect:function(node) {
$('#goodsId').combobox({
url:'goods/selGoodsByType.html?typeId='+node.id,
valueField:'gid',
textField:'goodsName',
panelHeight:'auto'
});
}
})
有什么问题可以一起讨论