列锁定对列表的改变

凯特-庞峰

一、锁定的配置以及实际效果

注意：锁定列只可以勾选一个

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image002.png

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image004.png

二、锁定的本质

锁定列其实就是把列表一分为二，左边grid（锁定的grid）lockedGrid，右边的grid（未锁定的grid）normalGrid，

这两个grid都是普通的extjs的列表组件

三、如何获取这个两个grid

我在列表的双击事件上打上了debugger；f12打开控制，双击列表深入的了解一下grid

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image006.png

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image008.png

在控制台输出grid对象，找到grid下的dom属性确定一下我们grid的范围

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image010.png

查看grid对象的items（子组件的聚集地）属性

grid.items.items就是两个grid对象

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image012.png

找到两个grid的dom属性确定一下我们是否正确

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image014.png

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image016.png

其实都这我们就不难看出，确实把grid分成两个列表，我们如何获取呢？

其实grid对象上有两个属性lockedGrid，normalGrid

grid.lockedGrid

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image018.png

grid.normalGrid

file:///C:/Users/11845/AppData/Local/Temp/msohtmlclip1/01/clip_image020.png