使用AngularJS调整表列的大小

时间:2014-04-15 18:51:55

标签: javascript angularjs angularjs-directive

我想实现可调整大小的表格列,这样当您点击并拖动th右侧的“缺口”(只是th内的样式div)时,新的“marquee”元素在th内创建,并显示为调整大小的指南。在mouseup上,选取框消失,th元素的宽度设置为新宽度。

我创建了一个fiddle来说明。

似乎答案是创建一个指令,但我的主要问题是如何处理动态添加的窗口mousemove监听器以及指令逻辑中的“one”窗口mouseup监听器。

1 个答案:

答案 0 :(得分:0)

我相信你的问题是关于调整大小的“选框”。此问题的解决方案是使用$scope.$apply,它负责通知自动调整大小更改为DOM HTML。查看mousemove(e)

代码:http://jsfiddle.net/4d6Bd/31/