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

如何使用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结合thinkphp的框架后台程序代码

    首先,DWZ(Dynamic Web Zone)是一个基于jQuery的前端UI框架,提供了丰富的组件和模板,如表格、表单、对话框、菜单等,使得开发者可以方便地构建出功能完备、交互友好的Web界面。DWZ的亮点在于其组件化的设计,...

    DWZ 富客户端框架使用手册.pdf

    10. **代码混淆与压缩**:为了优化性能,DWZ框架还提供了JavaScript代码混淆和压缩的方法指导。 #### 核心库介绍 - **dwz.core.js**:核心库,负责整个框架的初始化工作。 - **dwz.ui.js**:包含了各种UI组件的实现...

    dwz的分页查询等

    综上所述,“dwz的分页查询等”涵盖了DWZ框架在数据处理、页面交互、UI设计等多个方面的应用,体现了其在构建高效、易用的Web应用中的价值。开发者可以通过深入学习和实践DWZ,提升项目的开发效率和质量。

    DWZjquery框架

    **DWZ jQuery框架详解** DWZ(Design for Web Zen)jQuery框架是一款...而"dwz-ria-1.4.6"这个文件名可能是DWZ框架的某个版本号,包含了该版本的所有源代码和资源,对于学习和使用DWZ框架来说是非常有价值的参考资料。

    基于dwz搭建的一个网站源码

    本文将深入探讨如何使用DWZ(Dynamic Web Zone)框架搭建一个网站,以及涉及到的关键技术,包括DWZ框架、Nginx服务器、jQuery、Ajax和JavaScript。 【DWZ框架详解】 DWZ是一个开源的前端MVC框架,专为Web2.0应用...

    DWZ+springMvc+hibernate+ehcache 简易的后台管理+即时通讯

    1. **DWZ**:DWZ全称为“Design What You Want”,是一款基于jQuery的开源前端UI框架,专门用于构建响应式、移动设备优先的后台管理系统。DWZ提供了一系列的组件,如表格、表单、对话框、分页、树形菜单等,帮助...

    权限管理系统

    DWZ,全称是Dynamic Web Zone,是一个基于jQuery的前端UI框架,提供了一系列的网页组件和布局方案,如表格、表单、对话框、分页等,用于快速构建美观且响应式的Web应用界面。DWZ与SSH框架结合使用,能够帮助开发者...

    ASPNET后台管理系统(MVC4+EF+Postsharp)源码

    本项目基于MVC4、Entity Framework 5.0 实体框架、Autofac IOC容器、Postsharp AOP切面框架、AutoMapper 对象映射框架、javascript模块化管理框架 Seajs、DWZ UI界面框架 等 构建了一个代码结构优秀的开发框架,...

Global site tag (gtag.js) - Google Analytics