SharePoint 如何通过JavaScript实现列表标题列宽度可拖动

SharePoint 2021-06-25

　最近有个新需求，用户希望标题栏可以拖动宽度，其实觉得没什么用，既然用户要了又推不掉，就勉为其难实现一下吧。

　　其实原理比较简单，就是利用JavaScript对标题栏进行宽度控制，然后从网上搜了一下，碰巧看到有人写好的方法，秉承拿来主义的精神，就借用了一下，详细脚本参考附录。

　　1、默认的SharePoint列表是下面的样子，每一列的内容都是自适应的，很紧凑，其实也还好；

clip_image002

　　2、拖动以后的样子是下面的，其实感觉也没什么用，很鸡肋，想想用户后续肯定会提，把当前状态保存下来的需求；

　　虽然自己这次没有把这个需求做好，但是心里有底了，依旧利用JavaScript把各个列的宽度，保存到cookie里就行了；当然有人说禁用了cookie的问题，那就想办法存到url或者服务器端控件吧；还好我们统一的IE策略，不会禁用cookie的。

clip_image004

　　3、其实具体步骤非常简单，就是把附录的脚本文件传到文档库，引用一下，然后在这个视图中初始化一下这个表格就可以了；

clip_image006

　　4、然后在页面上的引用，也非常简单，如下图：

clip_image008

　　5、其实，SharePoint和JavaScript的结合可以做很多事儿，最近也用EasyUI在SharePoint做一些尝试，结合SharePoint本身的特性，感觉还是不错的。

EasyUI在SharePoint的简单示例

　　就像之前做的一个例子，感觉虽然不是特别完美，但是也间接实现了用户的需求。用户希望这个Filter可以进行搜索，因为可能会有太多选项。

clip_image010

　　所以把这个功能拿出来，专门做成一个搜索框了，利用EasyUI自带的功能，把控件初始化以后，可以有搜索功能；

　　效果如下图：

clip_image012

总结

　　当然，可能做得功能比较简单，想表达的意思是JavaScript本身在SharePoint中应用越来越广泛，希望大家可以多多使用，多多实践，多多分享。遇到一些比较奇葩的需求，想起我们还有JavaScript这一前端武器。