注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

SINOBANJO

IN GOD WE TRUST ! ~ ClueeZhuo

 
 
 
 
 

日志

 
 

BanjoLuee 6月份学习总结  

2013-07-02 00:07:38|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

    6月份工作分配如下:宝安科技局会员中心提示办事项情况以及办事项状态、处理2013年办事项迁移;内蒙古公安厅研判信息配置、字典字段维护、研判信息相关统计导出(常规统计、战绩统计)。

其中,办案科技局会员中心2个小功能比较有意思:会员登陆后弹出办理中的办事项数提示、会员中心办事项管理列表鼠标悬浮异步加载办事项流程并显示出当前所属流程。

    1.1弹出提示窗HTML代码:

<div id="showPop" class="popupTips" title="提示窗口">

<iframe id="iframe_ShowPop" width="100%" frameborder="0" height="0" scrolling="no"

marginheight="0" marginwidth="0" style="position: absolute; top: 0px; z-index: -1;

margin: 0px; padding: 0px; border-style: none;"></iframe>

<dl>

<dt><a href="javascript:" onclick="javascript:ClosePop();" title="不再提示" class="tips_close">

</a><a href="javascript:" onclick="javascript:$('#showPop').hide('slow');" title="隐藏"

class="tips_fold"></a>温馨提示 </dt>

<dd id="info">

</dd>

</dl>

</div>

1.2弹出提示窗JaveScript代码:

<script language="javascript" type="text/javascript">

$(document).ready(function () {

showPop();

});

function showPop() {

/*Ajax异步获取当前会员处理中的办事项个数*/

$.post('{PE.SiteConfig.ApplicationPath/}ajax.aspx?HandlerName=UserAjaxHandler', "<?xml version='1.0' encoding='utf-8'?><root><type>showPop</type></root>", function (s) {

var unch = $("processingworkitem", s).text();

var html = "";

var htmlArray = new Array();

if (unch > 0) {

htmlArray[htmlArray.length] = "<span style='cursor: pointer;' onclick='javascript:openWorkManage();'>您有 <span style='color:red'>" + unch + "</span> 办事项办理中</span><br/>";

}

for (var i in htmlArray) {

html += htmlArray[i];

}

$("#info").html(html);

$("#iframe_ShowPop").height($("#showPop").height());

if (unch != "0") {

$("#showPop").show("slow");

hideclock = setTimeout("HidePop()", 20000);

}

else

$("#showPop").hide("slow");

});

}

function HidePop() {

$('#showPop').hide('slow');

clearTimeout(hideclock);

}

function ClosePop() {

$('#showPop').hide('slow');

isShowPop = false;

}

function openWorkManage() {

window.location.href = "{PE.SiteConfig.ApplicationPath/}User/OnlineWork/WorkManage.aspx";

}

</script>

效果图示:

ClueeZhuo 6月份学习总结 - 班卓 - BanjoElena—班卓埃琳娜国际
 

 

2.会员中心办事项管理列表中需要绑定PE:MemberExtendedGridView的行mouseover、mouseout事件

<div id="displayBlock" style="display: none; position: absolute">

</div>

<script language="javascript" type="text/javascript">

 

$('#<%=egv.ClientID %> tbody tr').mouseover(function () {

var workid = $(this).children().eq(0).text();//获取MemberExtendedGridView每一行的WorkId

var trs = $('#<%=egv.ClientID %> tbody tr');

for (var i = 0; i < trs.length; i++) {

var wid = trs[i].cells[0].innerText;

if (wid != null) {

var displayDIV = document.getElementById("parent_" + wid)

if (displayDIV != null) {

displayDIV.style.display = 'none';

}

}

}

document.getElementById("displayBlock").style.display = 'block';

Show(workid);

 

}).mouseout(function () {

Hide();

});

 

function Show(workid) {

var findParent = document.getElementById("parent_" + workid);//获取指定流程DIV,存在即显示否则异步创建

 

if (findParent == null) {

/*Ajax异步获取当前会员处理中的办事项个数*/

$.post('/ajax.aspx?HandlerName=UserAjaxHandler', "<?xml version='1.0' encoding='utf-8'?><root><type>showworkflow</type><workid>" + workid + "</workid></root>", function (s) {

var unflow = $("unflow", s).text();

var result = $("showworkflow", s).text();

if (unflow == "-100") {

$('#displayBlock').append("<div id=parent_" + workid + " Style='display: none;class='ProcessCSS_Normal' >未提交</div>");

}

else {

CreatDIV(workid, result);

}

var displayDIV = document.getElementById("parent_" + workid)

displayDIV.style.display = 'block';

            /*计算鼠标坐标初始化弹出层位置*/

var x = event.clientX + document.body.scrollLeft;

var y = event.clientY - 30;

var DisplayBlock = document.getElementById("displayBlock");

if (($(window).width() - x) < 400) {

var w = DisplayBlock.clientWidth || DisplayBlock.offsetWidth;

DisplayBlock.style.left = x - w + "px";

DisplayBlock.style.top = y + "px";

}

else {

DisplayBlock.style.left = x + "px";

DisplayBlock.style.top = y + "px";

}

});

}

else {

 

var displayDIV = document.getElementById("parent_" + workid)

displayDIV.style.display = 'block';

         /*计算鼠标坐标初始化弹出层位置*/

var x = event.clientX + document.body.scrollLeft;

var y = event.clientY - 30;

var DisplayBlock = document.getElementById("displayBlock");

 

if (($(window).width() - x) < 400) {

var w = DisplayBlock.clientWidth || DisplayBlock.offsetWidth;

 

DisplayBlock.style.left = x - w + "px";

DisplayBlock.style.top = y + "px";

}

else {

DisplayBlock.style.left = x + "px";

DisplayBlock.style.top = y + "px";

}

}

}

 

function Hide() {

document.getElementById("displayBlock").style.display = 'none';

}

    /*动态初始化DIV*/

function CreatDIV(workid, result) {

var html = "";

var arrResult = result.split('*');

var arr = arrResult[0].split('$');

html += "<div id=parent_" + workid + " Style='display: none;' >";

for (var i = 1; i <= arr.length; i++) {

var arrName = arr[i - 1].split('-');

html += "<div id=WorkProcess_" + i;

if (arrName[0] == arrResult[1]) {

html += " style='float:left; background-color: Green;' class='ProcessCSS_Special' >";

}

else {

html += " style='float:left;' class='ProcessCSS_Normal' >";

}

html += arrName[1];

html += "</div>";

if (i != arr.length) {

html += "<div id=WorkProcessLink_" + i;

html += " style='float:left;' class='LinkCSS' >";

html += "→";

html += "</div>";

}

}

html += "</div>";

$('#displayBlock').append(html);

}

</script>

效果图示:

 

  评论这张
 
阅读(239)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017