一统 发表于 2012-12-29 11:20:08

SharePoint 2010 列表字段之KPI

<div id="cnblogs_post_body">目前加入了新项目组,正在了解详细设计及Demo,在了解过程中发现有要改进的地方,主要是界面的用户体验上,
Demo如下图
http://pic002.cnblogs.com/images/2012/319015/2012070619535346.png
修改后的界面
http://pic002.cnblogs.com/images/2012/319015/2012070619542816.png
在一定程序上美化了体验效果,这一列是如何实现的呢,下面就对这KPI列做进一步的讲解:
第一步:通过IE查看源文件发现,每个字段对应的CSS为 ms-vb2 ,如果熟悉Jquery的兄弟们,不能发现,我们可以通过Jquery 的Each 方法遍历,修改属性,为了更好的进行定位,输入的值要以KPI_开头,这个根据自己的需求自己定了,本文以KPI_为例。         
<div class="cnblogs_code">$(document).ready(function () {            $('TD.ms-vb2:contains("KPI_")').each(function () {                $(this).html(SetKpi($(this).html()));            });      });
页: [1]
查看完整版本: SharePoint 2010 列表字段之KPI