0
点赞
收藏
分享

微信扫一扫

WebPart(SharePoint) 中如何使用自定义的Javascript和css样式

elvinyang 2022-07-28 阅读 69

<link rel...../>或者<script src....../>这种形式.关键问题是你如何才能达到这样的目的.

1:首先我们来查看下sharepoint的页面源码:

WebPart(SharePoint) 中如何使用自定义的Javascript和css样式_javascript

通过源码我们可以看到sharepoint的很多基本的东西都是放在:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\template\LAYOUTS .目录下.包括很多js,css ,html等,

2:如果不知道如何找到这个目录,看下图(邮件 _layouts->open就到该目录了)

 

WebPart(SharePoint) 中如何使用自定义的Javascript和css样式_css_02

OK,既然知道了sharepoint很多引用的js,css文件在_layouts,我们就好办了.直接把你自己单独的js文件,css文件在后台注册就可以了.

3:定义javascript和css文件.定义都很简单

jsfile.js


Code
function showMe(obj)
{

alert("Johnny zhang");

}

Mycss.css就更简单了

Code
.MyCSS{background-color:red;font-size:36px}

4:在_layouts创建一个文件夹,然后把你的js和css 文件copy进去

 

WebPart(SharePoint) 中如何使用自定义的Javascript和css样式_javascript_03

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' value='Click Me'/>");
//userName.RenderControl(writer);
//saveButton.RenderControl(writer);
}

5:效果:

WebPart(SharePoint) 中如何使用自定义的Javascript和css样式_css_04


举报

相关推荐

0 条评论