最近做项目时遇到一个问题,用ligerui构建的form控件需要联动,但是控件按钮处都有个*x*号用于清空该控件的content,这时也得需要清空与该控件联动的控件content,ligerui本身并没有此事件,于是自己拓展了一下,代码如下:
1:ligerComboBox中
$.ligerDefaults.ComboBox = {
afterClearContent : null,//清空文本内容时事件 针对于多级联动时清空一级菜单内容时也清空与其联动的下级菜单 by xtz 2016-5-6
2: clear: function ()
{
this._changeValue("", "");
$("a.l-checkbox-checked", this.selectBox).removeClass("l-checkbox-checked");
$("td.l-selected", this.selectBox).removeClass("l-selected");
$(":checkbox", this.selectBox).each(function () { this.checked = false; });
this.trigger('clear');
/**
* 清空文本内容时事件 针对于多级联动时清空一级菜单内容时也清空与其联动的下级菜单 by xtz 2016-5-6
*/
if(this.options.afterClearContent){
this.options.afterClearContent();
}
},
3:$.ligerui.get('fundGroupId').set({
afterClearContent:function (){
//在此自定义事件
}
});
说明下:首先是在ligerComboBox.js中定义一个属性afterClearContent,当做一个事件,然后在ligerComboBox点击*x*按触发的事件中触发afterClearContent事件,afterClearContent事件定义在自己处理业务的js里,并在dom加载时初始化下即可实现上述效果