WebPart(SharePoint)中如何使用自定义的Javascript和css样式
来源:互联网 发布:天正电气绘图软件 编辑:程序博客网 时间:2024/05/24 07:33
最近一直在搞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的页面源码:
通过源码我们可以看到sharepoint的很多基本的东西都是放在:C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/12/template/LAYOUTS .目录下.包括很多js,css ,html等, 2:如果不知道如何找到这个目录,看下图(邮件_layouts->open就到该目录了) OK,既然知道了sharepoint很多引用的js,css文件在_layouts,我们就好办了.直接把你自己单独的js文件,css文件在后台注册就可以了. 3:定义javascript和css文件.定义都很简单 jsfile.jsfunction showMe(obj)
{
alert("Johnny zhang");
}Mycss.css就更简单了
.MyCSS{background-color:red;font-size:36px}
4:在_layouts创建一个文件夹,然后把你的js和css文件copy进去
5:在sharepoint的webpart中注册.方法也很简单,没有什么说的(代码简单注释)
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:效果:
哈哈.问题的关键是我们找到了sharepoint的文件目录.
正打算写一个如何开发sharepoint webpart的系列.就算记录自己的学习过程.本文转自:http://www.cnblogs.com/mqsuper/archive/2008/11/21/1338638.html
- WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- WebPart(SharePoint)中如何使用自定义的Javascript和css
- WebPart---中如何使用自定义的Javascript和css样式
- SharePoint中自定义WebPart的部署
- SharePoint中自定义WebPart的部署
- 如何在sharepoint 2013中创建自定义webpart
- SharePoint默认的欢迎WebPart中超链接样式
- SharePoint 自定义WebPart之间的连接
- Sharepoint webpart 自定义属性
- 如何使用Css样式自定义一个DataGrid的风格
- 如何使用Css样式自定义一个DataGrid的风格
- 如何使用Css样式自定义一个DataGrid的风格
- 如何使用Css样式自定义一个DataGrid的风格
- 如何使用Css样式自定义一个DataGrid的风格
- 如何使用Css样式自定义一个DataGrid的风格
- 如何在CSS中自定义鼠标样式?
- sharepoint 2010 如何扩展webpart自定义属性边栏字段 custom webpart properties
- 从VC6到VC9移植代码问题总结
- 嵌入式Linux实战篇--交叉编译环境的建立(基于ubuntu 8.10)
- 随机数发生程序
- 计算机系统结构之浅谈
- ASP.net的身份验证方式有哪些?分别是什么原理?
- WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- Ubuntu 9.10上建立ARM-Linux交叉编译环境
- 使用 linux的几个需要注意的问题(之二)
- Ubuntu下arm交叉编译环境的创建及基于s3c2410的linux2.6.22移植
- 关于问题vxworks与linux区别
- OMAP DEV RESOURCE
- 如何在SharePoint里自定义WebPart将搜索结果显示在同一个界面
- 初始化D3D
- linux-2.6.14下USB驱动移植心得