Ajax技术实现级联菜单项
2014-05-23 11:26
148 查看
1.<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="com.bjsxt.shopping.category.*, java.util.*"%>
<%
List<Category> categories = CategoryService.getInstance().getTopCategories();
%>
<html>
<head>
<script language="javascript" src="script/TV20.js"></script>
<script language="javascript">
var req;
var gKey;
function init() {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function myLabelDblClick(key, parentKey) {
if(findNode(key).subitems.length > 0) return;
init();
gKey = key;
var url = "GetCategoryChilds2.jsp?id=" + escape(key);
req.open("GET", url, true);
req.onreadystatechange = callback;
req.send(null);
}
function callback() {
if(4 == req.readyState) {
if(200 == req.status) {
eval(req.responseText);
var node = findNode(gKey);
if(node.subitems.length > 0) {
node.refresh();
node.open();
}
}
}
}
</script>
</head>
<body>
<script language="javascript">
<!--
addListener("dblclick", "myLabelDblClick");
addNode(-1,0,"类别","images/top.gif");
<%
for(int i=0; i<categories.size(); i++) {
Category c = categories.ge…………………………………………………………………………
来自:http://www.verydemo.com/demo_c107_i3389.html
pageEncoding="GB18030"%>
<%@ page import="com.bjsxt.shopping.category.*, java.util.*"%>
<%
List<Category> categories = CategoryService.getInstance().getTopCategories();
%>
<html>
<head>
<script language="javascript" src="script/TV20.js"></script>
<script language="javascript">
var req;
var gKey;
function init() {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function myLabelDblClick(key, parentKey) {
if(findNode(key).subitems.length > 0) return;
init();
gKey = key;
var url = "GetCategoryChilds2.jsp?id=" + escape(key);
req.open("GET", url, true);
req.onreadystatechange = callback;
req.send(null);
}
function callback() {
if(4 == req.readyState) {
if(200 == req.status) {
eval(req.responseText);
var node = findNode(gKey);
if(node.subitems.length > 0) {
node.refresh();
node.open();
}
}
}
}
</script>
</head>
<body>
<script language="javascript">
<!--
addListener("dblclick", "myLabelDblClick");
addNode(-1,0,"类别","images/top.gif");
<%
for(int i=0; i<categories.size(); i++) {
Category c = categories.ge…………………………………………………………………………
来自:http://www.verydemo.com/demo_c107_i3389.html
相关文章推荐
- 应用Ajax技术实现无刷新的级联下拉列表
- 用Ajax技术和dwr框架两种方式实现下拉列表的级联效果
- 基于Ajax技术实现的下拉数据表格组件
- 结合ajax技术通过web服务实现dotnet非链式工厂模式
- 利用AJAX技术实现网页无刷新进度条显示
- 用 PHPRPC 实现 Ajax 级联下拉菜单
- .net用ajax技术实现无刷新分页(初学)
- ajax技术初探实现连动菜单
- ajax,jsp,java技术实现行政区划代码三级关联下拉框
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 如何使用IFRAME来实现类似Ajax的技术----远程脚本
- 用Ajax技术让IE Web Control Tree View实现大数据量读取
- ajax实现无刷屏级联下拉框
- 一个利用客户端空间存储树形导航栏信息,从而实现ajax技术动态导航的雏形
- 利用AJAX技术实现网页无刷新进度条显示
- 基于Ajax技术实现的数据表格控件
- 基于AJAX技术实现Struts校验框架
- 利用AJAX技术实现网页无刷新进度条显示
- ajax实现动态级联列表框