无限级联 下拉框的实现 ... 呜呜呜 __init_xu js 又增加了一个widget

<script>
var json__categories = <?php echo $json__categories; ?> ;
//log(json__categories);

//查找分类
function findcg(id){
var cg = null , hadFind = false;
xu.array.each(json__categories['refs'],function(item,index){
if (hadFind) return ;
if (item.id == id)	cg = item ;
});
return cg ;
}
//改变分类
function chcg(o){
if (!xu.verify._obj(o)) return ;
//首先取得选中的id,,再查该id下是否存在子节点
var cid = o.value;log(cid);
if (!cid) { // 缺省值时清空节点尾部所有select
$eo(o).removeAfterAll();
}

//在json中定位该id所对应的节点
var categorie = findcg(cid);//log(categorie);

if (!categorie) return ;

//查当前节点的父节点,这个似乎不用考虑,每个节点只用管理其直接子节点

//查当前节点下是否存在子节点,存在'sons'说明有子节点,创建一个下拉框并追加到尾部
if (categorie['sons']){
//清空创建的子select对象
var subCategories = categorie['sons'];
$new_slt = $eo.create('select');
$new_slt.on('change',function(){
// this <-> $new_slt
chcg(this);
});

add_opt($new_slt.ele,'选择子分类','',0);

var start = 1;// 选项计数
xu.array.each(subCategories,function(item){
add_opt($new_slt.ele,item.name,item.id,start);
start ++ ;
});
$eo(o).removeAfterAll().insertAfter($new_slt.ele);
}else {
$eo(o).removeAfterAll();
}
}
function add_opt(slt_obj,opt_txt,opt_value,index){
slt_obj.options[index] = new Option(opt_txt,opt_value);
}
function clear_opts(slt_obj){
// 原有选项计数
var len = slt_obj.options.length;
for (var i=0; i < len; i++)
slt_obj.options[0] = null;// 移除当前选项
}

xu.ready(function(){
//设置分类的项 -- 首先设置初值项,取第一级分类
(function(){
if (!xu.verify._obj(json__categories)) {
chcg = function(){} ;return ;
}
var start = 1;// 选项计数
xu.array.each(json__categories['tree'],function(item){
add_opt($eo('article-categorie').ele,item.name,item.id,start);
start ++ ;
});
})();

});
</script>