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

标签：

前言

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

　　其实原理比较简单，就是利用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这一前端武器。

　　特别要说的，这些东西不仅仅适用于本地的SharePoint开发和实施，同样适用于世纪互联和国际版的SharePoint Online。

附录

　　http://www.cnblogs.com/mlcactus/p/4118714.html

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

标签：

原文地址：http://www.cnblogs.com/jianyus/p/5826838.html