设为首页 收藏本站
查看: 1134|回复: 0

[经验分享] WebPart(SharePoint)中如何使用自定义的Javascript和css样式

[复制链接]
累计签到:8 天
连续签到:1 天
发表于 2015-9-27 08:30:29 | 显示全部楼层 |阅读模式
  最近一直在搞Share Point 和Workflow 的项目.好不容易做了出来,被老板喷了一顿.说样式太丑,performance太低.其实并不是不想去修饰Share point Webpart的界面.而是实在不知道怎么去做.,不知道如何使用自定义的Js方法和css样式.但是都被老板指出来了.不做不行.做吧.于是上网搜了一堆的文档,终于找到一个比较满意的方法.提供给大家share一下.(已经会的expert ,请不要喷俺了)


  由于SharePoint WebPart 不像asp.net,可以拖拽控件,而且没有前台代码.你只能发布倒sharepoint上进行浏览.由于没有前台的HTML,只有后台的cs文件.所以不能通过通常的在html中进行引用.不过最终你通过浏览器查看源码的时候,肯定还是
  <link rel...../>或者<script src....../>这种形式.关键问题是你如何才能达到这样的目的.
  1:首先我们来查看下sharepoint的页面源码:
   DSC0000.gif
  通过源码我们可以看到sharepoint的很多基本的东西都是放在:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\template\LAYOUTS .目录下.包括很多js,css ,html等,
  2:如果不知道如何找到这个目录,看下图(邮件_layouts->open就到该目录了)
   DSC0001.gif
  OK,既然知道了sharepoint很多引用的js,css文件在_layouts,我们就好办了.直接把你自己单独的js文件,css文件在后台注册就可以了.
  3:定义javascript和css文件.定义都很简单
  jsfile.js



DSC0002.gif DSC0003.gif Code
function showMe(obj)
{
alert("Johnny zhang");
}

  Mycss.css就更简单了



Code
.MyCSS{background-color:red;font-size:36px}
  4:在_layouts创建一个文件夹,然后把你的js和css文件copy进去
DSC0004.gif
  5:在sharepoint的webpart中注册.方法也很简单,没有什么说的(代码简单注释)



Code
protected override void OnPreRender(EventArgs e)
        {
            //Register external Javascript code
            Page.ClientScript.RegisterClientScriptInclude(this.GetType(), "js0001", "/_layouts/JSfiles/JsFile.js");
            //Regiser custom css style
            CssRegistration cssControls = new CssRegistration();
            cssControls.Name = "/_layouts/JSfiles/myStyle.css";
            Page.Header.Controls.Add(cssControls);            
        }
        //Test js and css style
        protected override void Render(HtmlTextWriter writer)
        {
            writer.Write("<input type='button' class='MyCSS' id='dd' onclick='showMe(this)' value='Click Me'/>");
             //userName.RenderControl(writer);
             //saveButton.RenderControl(writer);
        }
  5:效果:
DSC0005.gif
  哈哈.问题的关键是我们找到了sharepoint的文件目录.
正打算写一个如何开发sharepoint webpart的系列.就算记录自己的学习过程.

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-119283-1-1.html 上篇帖子: SharePoint 2010 日历系列之怎么在日历中预订资源 下篇帖子: 国内SharePoint Portal Server 2003应用现状
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表