main.html:
<script>
tabbar=new aj("a_tabbar","top");
tabbar.setImagePath("professional/dhtmlxTabbar/codebase/imgs/");
tabbar.enableTabCloseButton(true);
tabbar.loadXML("tabs2.xml");
</script>
tabs2.xml:
<?xml version="1.0"?>
<tabbar hrefmode="ajax-html">
<row>
<tab id="b2" width='100px' selected="1" href="alfa2.html">SCBR 2</tab>
</row>
</tabbar>
alfa2.html :
<html>
<head>
</head>
<body>
<table width="600">
<tr>
<td width="50%" valign="top">
<div id="gridbox" width="100%" height="250px" style="background-color:white;"></div>
</td>
</tr>
</table>
<hr>
<script>
function btn(){
alert("测试");
}
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("imgs/");
mygrid.setHeader("Sales,Book Title Book Title Book Title Book Title,Author,Price,In Store,Shipping,Bestseller,Date of Publication");
mygrid.setInitWidths("50,150,120,80,80,80,80,200")
mygrid.setColAlign("right,left,left,right,center,left,center,center")
mygrid.setColTypes("dyn,ed,ed,price,ch,co,ra,ro");
mygrid.enableEditEvents(false,true,true);
mygrid.getCombo(5).put(2,2);
mygrid.setColSorting("int,str,str,int,str,str,str,date")
mygrid.setColumnColor("white,#d5f1ff,#d5f1ff")
mygrid.init();
mygrid.loadXML("grid1.xml");
</script>
<button onclick="javascript:btn();">
按钮
</button>
</body>
</html>
按上述代码 我的TAB页面正常显示,但点“按钮”时候,却报异常 “缺少对象”
哪位大侠能帮我分析下
分享到:
- 2008-03-02 17:59
- 浏览 1973
- 评论(0)
- 论坛回复 / 浏览 (0 / 2450)
- 查看更多
相关推荐
**dhtmlxTabbar**是一款强大的JavaScript库,用于在Web应用程序中创建美观、功能丰富的标签页界面。这个库提供了一种高效的方式,使得用户可以在单个页面上组织多个视图或工作区,从而提高用户体验和界面的易用性。...
【标题】:“纵向书签式Tab页”是一种创新的网页设计模式,它将传统的横向Tab页转换为垂直布局,提供了一种独特的用户交互体验。这种设计尤其适用于内容丰富的页面,可以更有效地利用屏幕空间,使用户能清晰地看到每...
本示例聚焦于如何实现“WPF可独立的tab页,加载自定义控件”,即创建的Tab页能够独立显示、最大化和最小化,同时不影响主窗体的操作。以下将详细介绍这一功能的设计思路和关键实现步骤。 1. **自定义控件的创建** ...
然而,Layui的tab组件默认情况下在切换标签页时并不会刷新内容,有时这种默认行为并不满足开发者的实际需求,比如在某些场景下,我们需要在切换标签页时获取最新的数据或重新渲染组件。这时就需要设置标签页的刷新...
例如,可以使用`<input type="radio">`作为Tab按钮,`<div>`作为内容区,通过JavaScript监听事件,改变`display`属性来切换内容。 2. JSP与JSTL(JavaServer Pages Standard Tag Library): 在JSP中,可以利用...
它提供了多种UI组件,如表格、按钮、表单、对话框以及我们关注的Tab页等,使得开发者能够快速搭建用户界面。Ace Admin则是基于Ace框架的扩展,增加了更多管理和控制面板的特性,增强了用户体验。 在实现Ace Admin ...
总结来说,"PB115动态创建漂亮的TAB页-GUI"涉及的关键技术点包括PowerBuilder 11.5的控件操作、动态对象创建、事件处理以及可能的第三方库使用。通过这些技术,开发者可以创建出用户友好的、响应式的选项卡界面,...
在网页设计和开发中,"tab页切换"是一种常见的用户界面设计模式,它允许用户在不同的内容区域之间切换,而无需加载新的页面。这种交互方式提高了用户体验,因为内容可以即时显示,同时也节省了屏幕空间。以下是对这...
实现了动态创建Tab按钮,和动态创建Tab页,并在Page中动态创建Item的功能。 Tab按钮为自定义实现,通过管理布局实现Tab按钮的位置。 Page为stackedWidget中的Page,通过动态创建QWidget的方式,将page添加进去。 Page...
2. **设计Tab按钮**:为每个Tab页创建一个按钮,并设置相应的文本,如“首页”、“产品”、“关于我们”。这些按钮通常会被放置在同一行上,以表示它们之间的关联。 3. **创建动态面板**:动态面板用于存储每个Tab...
5. **关闭功能**:如果需要添加关闭tab的功能,可以在每个tab按钮旁边添加一个关闭图标,监听点击事件,然后删除对应的DOM元素并更新其他tab的状态。 以上就是基于JavaScript的iframe可关闭tab标签组件的实现方法。...
dhtmlxTabbar提供丰富的事件处理机制,如`onBeforeTabOpen`、`onTabOpen`、`onTabClose`等,使得开发者可以根据用户操作执行相应的逻辑。例如监听选项卡打开事件: ```javascript tabbar.attachEvent("onTabOpen...
在网页设计中,"Tab页"是一种常见的布局方式,它能有效地组织和展示大量信息,让用户在不同内容间切换,提高用户体验。标题“Tab页 代码简洁”表明我们将讨论一个关于实现简洁美观Tab页的编程实践,特别是使用简洁的...
CTabCtrl是MFC中用于处理Tab控件的主要类,它提供了添加、删除、选择和处理Tab页事件的方法。在创建Tab页时,我们需要在我们的对话框或窗口类中包含CTabCtrl成员,并在初始化过程中设置它。 1. **创建Tab控件**: ...
本文将深入探讨如何使用`Fragment`来模仿iOS的Tab切换按钮,同时结合`Android IOSTab`的相关概念,以项目"SegmentDemo-master"为例,详细解析这一实现过程。 首先,我们需要了解`Fragment`。`Fragment`是Android ...
滑动切换tab页的核心是捕捉用户的触摸事件,分析滑动方向,并根据滑动距离和速度来判断是否需要切换tab。通常,一个tab页容器会包含多个可滑动的子容器,每个子容器代表一个tab页。当用户向左或向右滑动时,系统会...
在Web开发中,Tab页是一种常见的用户界面元素,它用于将大量内容组织成多个独立的区域,每个区域对应一个Tab,用户可以通过点击不同的Tab切换显示的内容。这种设计既节省了空间,又提高了用户体验,因为用户可以更...
在网页设计中,左侧导航和tab页切换是常见的交互元素,它们可以有效地组织内容并提供用户友好的浏览体验。下面将详细阐述这两种设计模式的工作原理、实现方式以及它们在实际应用中的重要性。 首先,左侧导航通常指...
通常,一个tab页由一组可切换的面板(每个面板包含不同的内容)和对应的导航按钮组成。当用户点击某个导航按钮时,对应的面板会被显示,其他面板则被隐藏。以下是一段简单的jQuery代码示例,展示了如何实现这一功能...
1. 创建TAB导航:创建一组链接或按钮作为TAB页的标签,每个标签对应一个Iframe要加载的页面。 ```html <li><a href="#" data-src="page1.html">页面1</a></li> <li><a href="#" data-src="page2.html">页面2</a>...