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

由于SharePoint WebPart 不像asp.net,可以拖拽控件,而且没有前台代码.你只能发布倒sharepoint上进行浏览.由于没有前台的HTML,只有后台的cs文件.所以不能通过通常的在html中进行引用.不过最终你通过浏览器查看源码的时候,肯定还是

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

Code function showMe(obj){

alert("Johnny zhang");

}

Mycss.css就更简单了

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

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

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            C***egistration cssControls = new C***egistration();            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:效果:

转载于:https://blog.51cto.com/yuhainanmm/152763

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

javascript写css样式,原生javascript实现读写CSS样式的方法详解
原生javascript实现读写CSS样式的方法详解发布于 2017-05-24 15:05:31 | 120 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Jav ...
Vue中动态使用JavaScript修改CSS样式
文章目录前言一.实现目标效果的难点二.使用Computed配合CSS变量完成动态修改CSS 1.设置Computed属性以及slider行内属性 2. 设置css样式(这里使用的是原生css,l ...
html中如何让字段闪烁,Javascript结合CSS实现边框闪烁提示
Javascript结合CSS实现边框闪烁提示2017-09-01 23:12 当我们提交表单的时候,有些字段是必填的. 但是如果用户提交的时候偏偏不填写就提交,这时我们一般都会弹出一个框来提醒用户. ...
JavaScript对css样式表操作
CSS样式表3种方式: 内嵌:写在html标签中的样式 :如:<p style="width:100px"> 内嵌</p> 内联:写在html 中<h ...
JavaScript修改Css样式
在JS中操作CSS属性命名上的区别以前css直接写死在html中,现在可以通过js脚本去动态修改一个标签的样式. CSS中写法 JS中的写法说明 color color 一个单词的样式写法是相同 ...
js函数改变html样式,JavaScript改变CSS样式的方法汇总
JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 . JavaScript修改CSS有4种方法: 修改节点style(内联样 ...
HTML：三种方法用JavaScript修改CSS样式
修改元素的css样式一般是标签的style属性中或头部的style标签中进行增删与修改. 下为利用JS修改元素的css样式的三种较为实用的方式. 第一种:获取相应标签对应的 javascript对象. ...
css-net 中华版,使用C＃代码选择CSS样式（ASP.net）
我在我的Default.aspx页面中的嵌入式CSS中有两个类.如果需要,我可以将代码转移到外部CSS.使用C#代码选择CSS样式(ASP.net) 我可以在C#中创建一个代码,点击一个按钮后,我可以 ...
php 给字符中间添加间距,html中的字符间距怎么设置？css样式设置文本对齐方式总结...
我们经常用的html字符间距总是不好设置,html的文本对齐方式也不会设置,现在这篇文章就来帮助大家了,这里有关于html 字符间距的调整,还有文本的对齐方式设置,现在让我们来看看这篇文章吧首先我们 ...

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

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

最新文章

热门文章