listTable组件,默认父的list点击行是控制下面的子显示或者隐藏,如果要同时设置父的样式,需要重写tr上的bind-click
具体如下实现:
1.定义一个class样式如下:
.x-currentRow{ background-color:red !important; }
2.重写父list上的tr(info)的bind-click事件,如下:
Model.prototype.tr2Click = function(event) { var $e = $(event.currentTarget); $('>td>i.x-expand-i', $e).toggleClass(''); $e.parent().find('td').removeClass('x-currentRow') $e.find("td").addClass('x-currentRow'); $e.next().toggleClass('hide'); };
显示的效果是点击父上的行时除了控制子的显示或者隐藏,同时当前点击行的背景色是红色(只有点击行是红色,在切换点击行时其他行的样式会被删除)
评一波