array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助(Microsoft Help Viewer)的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v;报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文(变量对象,作用域链,this)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记:快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习(二)Flotr2,雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树(Expression)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例:事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 MOSS项目开发 周记(第十四周) - 爱码网
第十四周
在JQuery Frame中用remote方式调用javascript一般是用
$.get(<remote html url>, function(data){
     $('#id').attr("innerHTML", data).evalScripts();  
   });
但是当去调用纯粹的javascript时,突然发现javascript代码无法运行,结果发现是Jquery的一个局限,
==〉如果要用evalsripts的话,必须在代码中至少出现一次<div></div>。否则javascript代码无法运行。
这种情况有些奇怪,但是的确发生了。

MOSS2007的一个特点是母板(master page),推荐的用法基本上是在内容管理(content management).

在本项目上结合javascript,设计了一个非常简约的母板架构
第一步 - 生成一个带有jquery的母板
存放在~\_catalogs\masterpage

代码如下

<%@ Master Language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tranditional.dtd">
<html>

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expired" content="0" />
<meta http-equiv="progma" content="no-cache" />
<asp:ContentPlaceHolder >
</asp:ContentPlaceHolder>

 <link rel="stylesheet" type="text/css" href="/portal/_style/mycss.css" media="all" />
 <script language="javascript" type="text/javascript" src="/portal/_style/jquery.js"></script>
 <script language="javascript" type="text/javascript" src="/portal/_style/jquery.tabs.pack.js"></script>
 <script language="javascript" type="text/javascript" src="/portal/_style/interface.js"></script>
 <script language="javascript" type="text/javascript" src="/portal/_style/by1455.js"></script>
<script language="javascript" type="text/javascript" >
  var ajaxcount = 0;
  jQuery(document).ready(function() {
   // add header
   $.get("/by1455/viewlist.aspx?siteid=v3&list=Bookmark&view=Latest&xsl=header.xsl&mode=XMLno", function(data){
     $('#header').html(data);
   });
   // add side
   $.get("/by1455/alert.aspx?siteid=v3&mode=noXML", function(data){
     $('#side1').html( $('#side1').html() + data );
   });
   
   
   $.get("/by1455/viewlist.aspx?siteid=v3&list=gottoknow&view=Visible&xsl=gottoknow.xsl&mode=XMLno", function(data){
     $('#side2').html( $('#side2').html() + data );
   });
   
   $.get("/by1455/viewlist2.aspx?siteid=v3&list=bookmark&view=Latest&xsl=bookmark.xsl&list2=infocategory&view2=All&&mode=XMLno", function(data){
     $('#side3').html( $('#side3').html() + data );
   });
   
   $.get("/by1455/viewlist.aspx?siteid=v3&list=activities&view=Work&xsl=activity.xsl&mode=noXML", function(data){
     $('#side4').html( $('#side4').html() + data );
   });
      
   $.get("/by1455/viewlist.aspx?siteid=v3&list=Advertisement&view=Advert&xsl=Advert.xsl&mode=XMLpp", function(data){
     $('#side5').attr("innerHTML", $('#side5').html() + data).evalScripts();
   
   });
  
   
   
  });

  
  
  
</script>
 <title>My Portal</title>
</head>

<body class="internal">
 <asp:ContentPlaceHolder >
 </asp:ContentPlaceHolder>
</body>

</html>

第二步 - 生成一个调用母板的程序
下面是一个基于母板,通过url参数传递的应用,假设url是 /portal/bin/nav.aspx

<%@ Page Language="VB" masterpagefile="../_catalogs/masterpage/jquery.master" title="Myportal" %>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="base" >
<div class="layout">
<script type="text/javascript" >

// add main

   jQuery(document).ready(function() { var qStr = window.location.search.substring(1);
   $.get(qStr, function(data){
     $('#main').html( $('#main').html() + data );
   });
   
  }); 
   
</script>
 <div class="header" >
 </div><!-- End of Header -->
 
 <div class="clear"></div>
 
 <div class="content">
 
  
  <div class="side" >
   <div ></div>
   <div ></div>
   <div ></div>
   <div ></div>
   <div ></div>
  </div><!-- End of Side -->
  

  <div class="main" >
  </div><!-- End of Main -->
  
  <div class="clear"></div>
  
 </div><!-- End of Content -->
 
 <div class="clear"></div>

</div><!-- End of Layout -->
</div><!-- End of Base -->

</asp:Content>


第三步 - 生成子页
把任意的html或者其他的文件(例如 aspx)存入MOSS的Doc Lib中,假设url是 /portal/app/myhtml.htm

第四步 - 调用
只要简单用这个url就可以让母板和子页结合,/portal/bin/nav.aspx?/portal/app/html.htm
同样的母板和不同的子页,不同的母板和同样的子页可以有相当多的变化。

相关文章: