`
vinsonlou
  • 浏览: 13983 次
  • 来自: ...
文章分类
社区版块
存档分类
最新评论

如何使用DWZ框架中某个UI

阅读更多
最近一直在寻找合适的datagrid ui组件,挑来挑去,最后觉得还是用DWZ好一些。
现在遇到个问题,我不想使用DWZ整个框架,只是用其中某一个组件。
	<meta http-equiv="expires" content="0">
		<link href="themes/default/style.css" rel="stylesheet" type="text/css"
			media="screen" />
		<link href="themes/css/core.css" rel="stylesheet" type="text/css"
			media="screen" />
		<link href="themes/css/print.css" rel="stylesheet" type="text/css"
			media="print" />
		<script src="js/speedup.js" type="text/javascript"></script>
		<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
		<script src="js/jquery.cookie.js" type="text/javascript"></script>
		<script src="js/jquery.validate.js" type="text/javascript"></script>
		<script src="js/dwz.core.js" type="text/javascript"></script>
		<script src="js/dwz.ui.js" type="text/javascript"></script>
		<script src="js/dwz.theme.js" type="text/javascript"></script>
		<script src="js/dwz.stable.js" type="text/javascript"></script>
		<script src="js/dwz.pagination.js" type="text/javascript"></script>
		<script type="text/javascript">
		$(function(){
			DWZ.init("dwz.frag.xml");
		});
		</script>
	</head>

	<body>

		<table class="table" width="100%" layoutH="138">
			<thead>
				<tr>
					<th width="80"></th>
					<th width="120">
						客户号
					</th>
					<th>
						客户名称
					</th>
					<th width="100">
						客户类型
					</th>
					<th width="150">
						证件号码
					</th>
					<th width="80" align="center">
						信用等级
					</th>
					<th width="80">
						所属行业
					</th>
					<th width="80">
						建档日期
					</th>
				</tr>
			</thead>
			<tbody>
				<tr target="sid_user" rel="1">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="2">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="3">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="4">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="5">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="6">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="7">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="8">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="9">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>
				<tr target="sid_user" rel="10">
					<td>
						天津农信社
					</td>
					<td>
						A120113196309052434
					</td>
					<td>
						天津市华建装饰工程有限公司
					</td>
					<td>
						联社营业部
					</td>
					<td>
						29385739203816293
					</td>
					<td>
						5级
					</td>
					<td>
						政府机构
					</td>
					<td>
						2009-05-21
					</td>
				</tr>

			</tbody>
		</table>
		<div class="panelBar">
			<div class="pages">
				<span>显示</span>
				<select class="combox" name="numPerPage"
					onchange="navTabPageBreak({numPerPage:this.value})">
					<option value="20">
						20
					</option>
					<option value="50">
						50
					</option>
					<option value="100">
						100
					</option>
					<option value="200">
						200
					</option>
				</select>
				<span>条,共${totalCount}条</span>
			</div>

			<div class="pagination" targetType="navTab" totalCount="200" numPerPage="20" pageNumShown="10" currentPage="1"></div>
		</div>



存在问题
请哪位帮看看?
  • 大小: 31.4 KB
分享到:
评论
4 楼 ppboyhai 2014-02-19  
麻烦详细解释一下1L的改法,有点看不明白
3 楼 xiaoLee 2013-12-27  
1楼说的很正确
2 楼 Daisy7 2013-05-07  
1楼亲测可用~谢谢这位大哥~~~
1 楼 8001151 2012-07-10  

dwz.frag.xml中去掉dwzFrag

使用如下结构:
<body scroll="no">
  <div id="layout">
<div id="navTab" class="tabsPage">
                <!-- 页面内容 -->
                </div>
  </div>
</body>

相关推荐

    dwz - 简单实用国产jQuery UI框架 - DWZ富客户端框架(jUI)

    在“dwz-ria-1.3Final”这个压缩包中,通常包含了DWZ框架的JavaScript库文件、CSS样式文件、图片资源、示例代码、文档等内容。开发者可以通过引入这些文件到项目中,根据需求选择和配置组件,实现功能丰富的Web界面...

    DWZ框架及使用教程

    在DWZ富客户端框架使用手册中,你将了解到如何初始化一个DWZ项目,包括设置基本配置、引入框架文件、创建基本页面结构等步骤。手册还会详细介绍如何利用DWZ的API和CSS类来定制和扩展组件,满足个性化需求。例如,你...

    dwz框架 asp.net mvc3

    DWZ框架,全称为“Dynamic Web Zone”,是一款基于JavaScript的前端UI框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、对话框、菜单、按钮、表单验证等,大大简化了前端开发工作,使得...

    DWZ框架C#應用模板

    在压缩包文件“DWZUI”中,可能包含了DWZ框架的皮肤、CSS样式、JavaScript文件、图片资源以及示例页面等。这些文件为开发者提供了一个快速启动项目的基础,可以快速搭建一个具备完整功能的Web应用。例如,你可以找到...

    DWZ框架在ASP.Net中的运用

    在ASP.NET中使用DWZ框架时,开发者需要注意以下几点: 1. **集成DWZ**:首先需要将DWZ框架的JavaScript和CSS文件引入到ASP.NET项目中,这通常通过在页面头部引用相关资源来完成。 2. **数据交互**:DWZ框架支持JSON...

    dwz框架及api文档

    API文档是DWZ框架的重要组成部分,它详细解释了框架提供的各种函数、方法、类和接口的使用方式,帮助开发者更好地理解和利用框架功能。API文档通常包括各个组件的介绍、参数说明、返回值以及示例代码,使得开发者...

    DWZ框架使用手册

    DWZ框架使用手册,适合开发人员快速搭建web应用之用,内有非常好的交互性的界面,无刷新自动增加,删除功能,界面友好;

    DWZ框架的一些用法

    DWZ(Dynamic Web Zone)...在"dwz-ria"这个压缩包文件中,可能包含了DWZ框架的完整源码、示例、文档等资源,可以帮助开发者更深入地理解和使用该框架。通过阅读文档和实践示例,可以进一步提升对DWZ框架的运用能力。

    DWZ框架1.4.4以及使用手册,入门指导

    DWZ框架dwz4j-springmvc dwz-ria-1.4.4 dwz-user-guide.swf DWZ框架使用的实例简单介绍.doc DWZ框架使用手册.pdf

    dwz框架官网实例

    通过“dwz框架官网实例”,我们可以深入学习DWZ框架的使用,从基础组件的使用到复杂功能的实现,掌握一套完整的前端开发流程。同时,这个实例也为我们提供了一个实践平台,可以在实际项目中应用这些知识,提升我们的...

    jqgird dwz 框架扩展

    本篇文章将深入探讨如何在DWZ框架中扩展jqGrid,以及如何利用它们实现JSON数据的初始化加载。 **一、jqGrid介绍** jqGrid是一个基于jQuery的开源JavaScript组件,它提供了强大的表格数据展示和操作功能。jqGrid...

    DWZ框架实例

    1. **UI组件**:DWZ框架包含了一系列预设的UI元素,如按钮、表格、下拉菜单、日历控件等,这些组件都经过优化,可以在各种浏览器上保持一致的显示效果。开发者可以快速地将这些组件引入到页面中,提升界面的专业度和...

    dwz框架实例

    在实际开发过程中,DWZ框架可以和各种后端技术如PHP、Java、Python等配合使用,形成前后端分离的开发模式。开发者可以根据项目需求,选择适合的后端技术进行集成,实现数据的处理和存储。 总的来说,"dwz框架实例...

    DWZ框架和手册

    2. **组件和插件**:列出框架提供的各种UI组件,如表单控件、对话框、分页、树形视图等,以及如何使用它们。 3. **Ajax和JSON**:讲解框架如何通过Ajax实现页面异步更新,以及如何处理JSON数据格式。 4. **API参考**...

    dwz框架与实例文档

    在“DWZ框架使用的实例简单介绍.doc”中,详细介绍了如何利用DWZ框架进行实际项目开发。文档可能涵盖了以下内容: 2.1 **环境搭建**:介绍如何安装和配置DWZ框架,包括PHP环境、数据库连接以及框架的目录结构。 ...

    DWZ框架控件应用程序

    在“DWZ框架控件应用程序”中,我们通常会发现一个完整的Web开发解决方案,包括数据库集成和一键运行功能,这对于开发人员进行项目参考和快速原型设计非常有用。 **1. Web项目结构** DWZ框架的应用程序通常包含以下...

    给mvc3穿上华丽外衣 dwz框架

    **标题解析:**“给mvc3穿上华丽外衣 dwz框架”这个标题表明我们要讨论的是如何使用DWZ框架来增强ASP.NET MVC3的应用程序界面,使其看起来更加美观和功能丰富。 **描述分析:**描述中提到“mvc3 穿上 华丽外衣 dwz...

    DWZ富客户端框架使用手册

    资源名称:DWZ富客户端框架使用手册资源目录:概述. 4 学习DWZ 的建议...... 4 DWZ 区别于其它 JS 框架,最大的优点 4 设计思路 .... 4 版权声明 .... 5 DWZ 研发组介绍 ....... 5 HTML 扩展...... 6 Ajax 链接扩展...

    mvc搭建DWZ框架

    6. **构建View**:在前端设计视图模板,使用DWZ的UI组件,如表格、按钮等,结合AJAX调用来实现动态交互。 7. **权限管理**:DWZ提供了强大的权限控制机制,可以在Controller中设置权限检查,根据用户角色决定是否...

Global site tag (gtag.js) - Google Analytics