`

js 之 jQuery 判断是否包含在数组中.inArray()jQuery .tmpl(), .template()

    博客分类:
  • js
js 
阅读更多
[img][/img]
	


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="/bh/style/middle_style.css" rel="stylesheet" type="text/css"/>
<script src="/bh/pjs/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/bh/pjs/jquery.wresize.js" type="text/javascript"></script>
<script src="/bh/pjs/contentboxdivresiez.js" type="text/javascript"></script>
<script src="/bh/pjs/tab_style.js" type="text/javascript"></script>
<script src="/bh/pjs/table_litmenu_100.js" type="text/javascript"></script>
<script type="text/javascript" src="/bh/pjs/jquery.tmpl.js"></script>
<script type="text/javascript" src="/bh/pjs/bindpage.js"></script>
<script src="/bh/pjs/jquery2.json.js" type="text/javascript"></script>
<script src="/bh/pjs/encode.js" type="text/javascript"></script>
<script src="/bh/pjs/commin_yin.js" type="text/javascript"></script>
<script id="AccessStrategyTmpl" type="text/x-jquery-tmpl">

	<tr>
		<td style="width:450px"><span style="width:450px" class="kill">{{if AccountName==""}} - {{else}}${AccountName}{{/if}}</td>
		<td style="width:300px"><span style="width:300px" class="kill">${Protocols}</td>
		<td>${LastPwdModify}</td>
		<td class="mangerlei">{{if menushowhide=='true'}}[url=#@]手工修改[/url][b]|[/b]{{/if}}[url=manualpwd_info.cgi?${SessionId}&accountid=${HostAccountId}&tasktype=1]下载密码[/url]{{if mailaddr}}[b]|[/b][url=manualpwd_info.cgi?${SessionId}&accountid=${HostAccountId}&tasktype=2&mailaddr=${MailAddr}]发送密码[/url]{{/if}}{{if menushowhide=='true'}}[b]|[/b][url=manualpwd_history.cgi?${SessionId}&isaccount=1&hostid=${HostId}&accountid=${HostAccountId}]改密历史[/url]{{/if}}</td>
	</tr>

</script>

<script type="text/javascript">





function PwdHostAccountBind(){
		var newdata = new Array();
		$.each(PwdHostAccountList.data,function(i,item){
			var Protocols = item.ProtocolName;
			//12-5
			var menushow=false;
			$(item.ProtocolName).each(function(i,item2){
				if($.inArray(item2,menushowi)>=0){
					menushow=false;
					return false;
				}else{
					//if(item2=="RDP"&&item.SystemAccount!=true){menushow=false;}else{menushow=true}
					menushow=true;
				}
			})
			newdata.push("{AccountName:\""+item.AccountName+"\",Protocols:\""+Protocols+"\",LastPwdModify:\""+item.LastPwdModify+"\",HostAccountId:\""+item.HostAccountId+"\",menushowhide:\""+menushow+"\"}");
		});
		//12-5
		newdata = eval("["+newdata+"]");
		$(newdata).each(function(i,item){
			item.SessionId=localsession;
			item.HostId=hostid;
			item.MailAddr=mailaddr;
			if(mailaddr==""){
				item.mailaddr=false;
			}else{
				item.mailaddr=true;
			}
		})
		$("#AccessStrategyTmpl").tmpl(newdata).appendTo("#PwdHostAccountId");
	}




var menushowi=["HTTP","RADMIN","PCANY","FTP","VNC","X11","OTHER"]
</script>
<style>
#head_tit_selectbox ul li{padding-bottom:0;line-height:20px}
</style>
<title>无标题文档</title>
</head>
<body scroll="no">
<div class="head-box">
[list]
<li class="one">[url=#@]主机:<span id="HostNameId"></span>[/url]</li>
[*][url=#@]改密历史[/url]

[/list]
</div>

<div id="tabledivbox" >
<!--此div为小菜单--><div id="poslitmenubox"><div id="poslitmenu"></div></div>
<!--表头-->
<div style="border:1px solid #ccc;border-top:none;width:100%;position:absolute;height:29px;z-index:0;margin-left:-1px;">
</div>
<div class="faux-head">
<table border="0" cellspacing="0" cellpadding="0" style="width:100%;" id="tab-head">
<thead>
<tr>
<th style="width:450px">帐号</th>
<th style="width:300px">协议</th>
<th style="background-image:none">密码修改时间</th>
<th class="mangerlei">管理</th>
</tr>
</thead>
</table>
</div>
<div style="height:29px;width:100%;background:#f2f2f2;"></div>
<!--此div包含作用为出滚动条-->
<div class="tableboabox">
<table border="0" cellspacing="0" cellpadding="0" style="width:100%;" id="content">
<!--此处为表格实际宽度,如果表格不需要出现小菜单则把表格宽度设为100%-->
<tbody id="PwdHostAccountId">
</tbody>
</table>
</div>
</div>
<div class="fenyelistbox">
		[list]
			<li style="margin-right:5px"><span id="pageinfospan"></span>[url=#@]上一页[/url]
			 [url=#@]下一页[/url] </li>
			<li>
				<input name="" type="text"/>
			</li>
			<li>
				<input name="" type="button" class="btn" value="跳转"/>
			</li>
		[/list]
	</div>
<div class="dialog" id="Dialog01" style="width:306px;height:150px">
	<div class="dialog-bg-1"></div>
	<div class="dialog-cont" style="width:306px">
		<div class="dialog-title" style="width:286px">
			<h2>手工修改密码</h2>
			<a class="dialog-close" href="javascript:void(0)"></a>
		</div>
		
		<div class="dialog-content dialog1" style="width:276px;height:90px">
			
				<span>密码:</span>
                <span><input id="GeneratePwd" name="" type="password" class="textbox" value=""/><input id="GeneratePwd-2" name="" type="password" size="22" class="textbox" value="" style="width:146px;display:none"/></span>
                <span>[url=#@]随机密码[/url]</span>
			
            
				<span>确认:</span>
                <span><input id="PwdCheck" name="input2" type="text" class="textbox" value=""/><input id="PwdCheck-2" name="input2" type="password" size="22" class="textbox" value="" style="width:146px;display:none"/></span>
			
			
				<input type="button" value="确定" onclick="passcheck()"/>
			
		</div>
	</div>
</div>
</body>
</html>



//.inArray()

var menushowi=["HTTP","RADMIN","PCANY","FTP","VNC","X11","OTHER"]
$.inArray("HTTP", menushowi);  //返回 3,
如果不包含在数组中,则返回 -1;

//勾选框灰掉
var account=localaccount;
$("#UOwner input").each(function(i,item){//默认第一个接收者勾选
    if(i == 0){
	$(this).attr({"checked":true});
     }	
			
});
  • 大小: 10.1 KB
  • 大小: 6.4 KB
0
0
分享到:
评论

相关推荐

    jquery.tmpl.js下载(接收JSON类型数据循环)

    jquery.tmpl.js jquery.tmpl.js jquery.tmpl.js

    微软的 jquery.tmpl.min.js,浏览器兼容性最强

    《jQuery tmpl.min.js:浏览器兼容性之王》 在网页开发中,JavaScript库jQuery一直以其易用性和广泛的浏览器兼容性而备受青睐。然而,仅靠jQuery本身并不能满足所有复杂的动态数据展示需求,这就是jQuery插件jQuery...

    jquery.tmpl.js

    jQuery tmpl.js是由jQuery团队开发的一个轻量级的模板引擎,其主要目标是简化JavaScript中的数据绑定和动态渲染。v1.0版本包括了基本的jquery.tmpl.js和增强版的jquery.tmplPlus.js,以及它们的min版本,用于生产...

    jQuery .tmpl(), .template()大全集

    而`.tmpl()`和`.template()`是jQuery UI中的两个重要功能,用于模板引擎,帮助开发者构建动态数据驱动的用户界面。这篇综合指南将深入探讨这两个方法的用法和原理,以帮助你更好地理解和应用它们。 首先,我们来...

    jquery.tmpl.js使用例子

    《jQuery tmpl.js 使用详解与实例解析》 在Web开发中,模板引擎是处理动态数据与HTML结合的关键工具,jQuery tmpl.js就是这样一款轻量级、高效的模板插件,它允许开发者将数据逻辑与页面展示分离,使得代码更加清晰...

    jquery-tmpl

    在前端开发中,数据绑定和动态渲染是常见的需求,jQuery tmpl作为一款强大的JavaScript模板引擎,为开发者提供了高效、简洁的解决方案。本文将深入探讨jQuery tmpl的核心功能、使用方法及其在实际项目中的应用。 ...

    jquery template下载

    jquery template是一个很实用的插件。可以根据HTML模板,绑定上对应的数据(可以对这些数据进行格式化操作,如全部大写,全部小写等),输出或添加到页面上。我们可以经常看到,在一个ajax成功之后的处理,往往要用...

    jQuery .tmpl(), .template()学习资料小结

    ### jQuery .tmpl(), .template()知识点小结 #### jQuery.tmpl()插件介绍 jQuery.tmpl()是一个有趣的jQuery插件,它允许开发者将特定的HTML模板和数据结合,进行动态内容渲染。该插件的文档和说明可以在官方提供的...

    JQuery模板插件 jquery.tmpl 动态ajax扩展

    在上一篇文章中我们已经探讨了jQuery.tmpl的基本用法,但在实际开发中,我们经常需要根据用户交互、URL参数或其他动态条件来异步加载模板或数据。这就是动态Ajax扩展的作用。 动态Ajax扩展是jQuery.tmpl的一个重要...

    jquery-tmpl-master.zip

    本文将深入探讨jQuery-Tmpl,一个用于在jQuery中实现模板引擎的插件,以及它如何帮助开发者构建动态、数据驱动的用户界面。 一、jQuery-Tmpl简介 jQuery-Tmpl是jQuery的一个扩展,提供了模板编译和渲染的功能。这...

    wu.tmpl.js, 高性能模板引擎 (js template).zip

    ** Wu_TMPL.js:高性能JavaScript模板引擎概述** `Wu.tmpl.js` 是一款高性能的JavaScript模板引擎,专为Web开发设计,旨在提高前端数据渲染的效率和灵活性。这款开源库允许开发者通过简单的模板语法来生成动态HTML...

    最简单的jquery-tmpl渲染Demo

    在提供的"demo"压缩包文件中,很可能包含了一个简单的jQuery tmpl示例项目,你可以解压后查看其中的HTML、JavaScript和CSS文件,了解实际的项目结构和工作流程。通过学习这个示例,你应该能更好地掌握如何在实际项目...

    jquery-tmpl-master.zip新版

    添加的版本:1.4.3 jQuery.tmpl(template [,data] [,options]) ...这可以是任何JavaScript类型,包括Array或Object。 options用户定义的键/值对的可选映射。扩展tmplItem渲染期间可用于模板的数据结构。

    jquery template 语法总结

    ### jQuery Template 语法详解 jQuery Template 是一个非常实用的功能,它可以帮助前端开发者更方便地处理动态数据渲染到 HTML 模板中的任务。本文档将基于提供的文件内容进行深入讲解,帮助初学者更好地理解和掌握...

    jquery.tmpl.js修改后的源码

    解决 [object HTMLInputElement]之类默认值的bug,作者已经7年没有更新此插件了,因此遇到此问题我对源码做了修改,修改时间:2017-11-01。有问题请联系我:31705252@qq.com

    jquery tmpl

    jQuery tmpl 是jQuery的一个插件,它引入了一种简洁的模板语法,用于在DOM中插入、更新或删除基于JavaScript对象的数据。它的设计目标是提高性能,减少服务器端的工作负载,并简化客户端的代码结构。 ### 2. 模板...

Global site tag (gtag.js) - Google Analytics