SharePoint 2013 通过JavaScript实现列表标题列宽度可拖动
2016-09-01 22:41
696 查看
前言
最近有个新需求,用户希望标题栏可以拖动宽度,其实觉得没什么用,既然用户要了又推不掉,就勉为其难实现一下吧。
其实原理比较简单,就是利用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
最近有个新需求,用户希望标题栏可以拖动宽度,其实觉得没什么用,既然用户要了又推不掉,就勉为其难实现一下吧。
其实原理比较简单,就是利用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方式实现一个垂直滚动列表
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- SharePoint 2013 中开发可以被标记为未读和已读的列表之代码实现篇
- javascript实现通过拼音首字母快速选择下拉列表
- SharePoint 2013无代码实现列表视图的时间段动态筛选
- 通过JavaScript代码实现 标题的控制+添加信息
- 在Javascript里访问SharePoint列表数据的实现方法
- sharepoint2013列表实现项目级权限控制
- SharePoint 2013 中文站点更新列表字段的标题(Title)不能work
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- 在Javascript里访问SharePoint列表数据的实现方法
- 拖动表列改变table的列宽度(JavaScript脚本实现)
- SharePoint 2013 用JavaScript 操作 blog相关列表
- 关于在SharePoint 2013(2010)中Javascript如何实现批量批准的自定义操作功能?
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- 搜罗备忘: SharePoint 2013/2010 JavaScript client model 对列表和站点的基本操作
- 通过自定义字段类型实现SharePoint列表的父子关系
- javascript实现通过拼音首字母快速选择下拉列表
- Re:[转]Javascript实现表格宽度的随意拖动
- 通过JAVAScript实现页面自适应