SharePoint 如何通过JavaScript实现列表标题列宽度可拖动
- 2021-10-25
- 来源/作者： 菜鸟图库/ 菜鸟图库
- 293 次浏览
最近有个新需求，用户希望标题栏可以拖动宽度，其实觉得没什么用，既然用户要了又推不掉，就勉为其难实现一下吧。
其实原理比较简单，就是利用JavaScript对标题栏进行宽度控制，然后从网上搜了一下，碰巧看到有人写好的方法，秉承拿来主义的精神，就借用了一下，详细脚本参考附录。
1、默认的SharePoint列表是下面的样子，每一列的内容都是自适应的，很紧凑，其实也还好；
2、拖动以后的样子是下面的，其实感觉也没什么用，很鸡肋，想想用户后续肯定会提，把当前状态保存下来的需求；
虽然自己这次没有把这个需求做好，但是心里有底了，依旧利用JavaScript把各个列的宽度，保存到cookie里就行了；当然有人说禁用了cookie的问题，那就想办法存到url或者服务器端控件吧；还好我们统一的IE策略，不会禁用cookie的。
3、其实具体步骤非常简单，就是把附录的脚本文件传到文档库，引用一下，然后在这个视图中初始化一下这个表格就可以了；
4、然后在页面上的引用，也非常简单，如下图：
5、其实，SharePoint和JavaScript的结合可以做很多事儿，最近也用EasyUI在SharePoint做一些尝试，结合SharePoint本身的特性，感觉还是不错的。
EasyUI在SharePoint的简单示例
就像之前做的一个例子，感觉虽然不是特别完美，但是也间接实现了用户的需求。用户希望这个Filter可以进行搜索，因为可能会有太多选项。
所以把这个功能拿出来，专门做成一个搜索框了，利用EasyUI自带的功能，把控件初始化以后，可以有搜索功能；
效果如下图：
总结
当然，可能做得功能比较简单，想表达的意思是JavaScript本身在SharePoint中应用越来越广泛，希望大家可以多多使用，多多实践，多多分享。遇到一些比较奇葩的需求，想起我们还有JavaScript这一前端武器。
标签(TAG) SharePoint列表标题列宽度可拖动
