WebPart(SharePoint)中如何使用自定义的Javascript和css
2009-08-19 11:06
501 查看
由于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.js:
function showMe(obj)
{
alert("Johnny zhang");
}
Mycss.css:
.MyCSS{background-color:red;font-size:36px}
4:在_layouts创建一个文件夹,然后把你的js和css文件copy进去
5:在sharepoint的webpart中注册.方法也很简单,没有什么说的(代码简单注释)
6:效果:
7.问题的关键是我们找到了sharepoint的文件目录.
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.js:
function 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); }
6:效果:
7.问题的关键是我们找到了sharepoint的文件目录.
相关文章推荐
- WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- (转)WebPart(SharePoint)中如何使用自定义的Javascript和css样式
- 使用母版頁是內容如何使用CSS和javascript
- sharepoint 2010 如何扩展webpart自定义属性边栏字段 custom webpart properties
- 如何正确地在XHTML文档中使用JavaScript和CSS
- 说说如何使用 JavaScript 实现自定义事件
- 【转】asp使用母版页时内容页如何使用css和javascript
- 如何在不用JavaScript的情况下使用CSS来实现图表功能
- 使用母版页时内容页如何使用css和javascript
- sharepoint 2010 如何扩展webpart自定义属性边栏字段 custom webpart properties
- sharepoint使用自定义RSS webpart获取weather天气、stock股票信息
- 使用母版页时内容页如何使用css和javascript(转)
- 如何在SharePoint里自定义WebPart将搜索结果显示在同一个界面
- 使用母版页时内容页如何加入css和javascript
- 【转】使用母版页时内容页如何使用css和javascript
- 使用母版页时内容页如何使用css和javascript 转
- 如何正确地在XHTML文档中使用JavaScript和CSS