欧非资源网:安全、免费、专业放心的资源下载站! 最新软件|软件分类

您的位置:欧非资源网 > 其他专区 > SharePoint > SharePoint 如何通过JavaScript实现列表标题列宽度可拖动

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

时间:2020-02-12 11:14作者:admin来源:未知人气:307我要评论(0)

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

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

SharePoint 如何通过JavaScript实现列表标题列宽度可拖动的下载地址:
  • 本地下载

  • 相关阅读 SharePoint中Office文件无法打开的解决方案如何快速生成SharePoint测试大文件如何查询SharePoint Library中空文件夹?如何快速备份SharePoint Farm Solution如何解决Event Viewer中SharePoint Error - Event ID 8321SharePoint 2016 CU安装失败,"Exception: The upgraded database schema doesn't match the TargetSchema"的解决方案InfoPath Error “此文档库已经被重命名或删除,或者网络问题导致文件无法保存…” 的解决方案SharePoint 2013 App概述How to Shrink SharePoint Content Database Log File?Project Web App Feature无法开启的解决方案

    文章评论
    发表评论

    热门文章 SharePoint 2016 图文安装教程 后面有激活序列号、密钥分享[SharePoint入门教程]一SharePoint发展、工具及术语如何用 SharePoint Online创建团队网站?SharePoint Iframe 报错“此内容不能显示在一个框架中”

    最新文章 SharePoint中Office文件无法打开的解决方案如何快速生成SharePoint测试大文件 如何查询SharePoint Library中空文件夹?如何快速备份SharePoint Farm Solution如何解决Event Viewer中SharePoint Error - Event ID 8321SharePoint 2016 CU安装失败,"Exception: The upgraded database s

    人气排行 SharePoint 2016 图文安装教程 后面有激活序列号、密钥分享[SharePoint入门教程]一SharePoint发展、工具及术语如何用 SharePoint Online创建团队网站?SharePoint Iframe 报错“此内容不能显示在一个框架中”SharePoint 2013 安装图解 SharePoint安装步骤图解教程SharePoint 如何开启访问请求[SharePoint入门教程]一SharePoint概述[SharePoint入门教程]一创建SharePoint母版页

    盖楼回复X

    (您的评论需要经过审核才能显示)