如何使用DWZ框架中某个UI

最新推荐文章于 2020-12-14 11:03:25 发布
最新推荐文章于 2020-12-14 11:03:25 发布
阅读量91 收藏
点赞数
文章标签： DWZ jQuery CSS ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vinson0210/article/details/84182087
版权
最近一直在寻找合适的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>


[img]http://dl.iteye.com/upload/attachment/0066/1638/a3300679-6ddd-3de4-a4d6-7f3c56ebc8b2.png[/img]
存在问题
请哪位帮看看？
vinson0210
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DWZ富客户端框架使用手册
07-22
资源名称：DWZ富客户端框架使用手册资源目录：概述. 4 学习DWZ 的建议...... 4 DWZ 区别于其它 JS 框架，最大的优点 4 设计思路 .... 4 版权声明 .... 5 DWZ 研发组介绍 ....... 5 HTML 扩展...... 6 Ajax 链接扩展...
DWZ中navTab使用解析
刘伟的博客
12-29 9483
这几天老师让我看一下DWZ，看了一下给的文档，发现是一头雾水，只讲了怎么用，但是却不知道它是怎么个流程来实现的，于是便自己对着demo看了一下具体的实现过程，下面给大家分析一下。 先贴一下我仿照demo写的一个小例子的代码。 主菜单收缩 Folder界面组件 主面板框架
几大主流的前端框架（UI/JS）框架
热门推荐
weixin_46622106的博客
12-14 2万+
如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已，现在的前端越来越复杂，知识点越来越丰富。 要做WEB前端，就需要知道前端到底是什么，需要学习那些知识；前端至少要懂的三个部分：HTML，CSS，JavaScript（简称JS），那首先先明确这三个概念： HTML负责结构，网页想要表达的内容由html书写。 CSS负责样式，网页的美与丑由它来控制 JS负责交互，用户和网页产生的互动由它来控制。 web前端发展至今，演变出了无数的库和框架；说到库第一时间想到的是不是jquery？在小编刚接触库的时候
DWZ使用问题解析01
Java Dynamic的专栏
04-01 5354
最近项目中要使用FreeMarker，DWZ等前端技术，所以会搜集一些相关文章，都是来自网上，供自己和大家查阅，以下是DWZ篇，不定时更新： 由于DWZ文档比较多，所以不再介绍如何使用，详情可参考DWZ-JUI，上面有文档和视频。此处主要介绍DWZ使用过程中的常见问题和解决方法，多数搜集于网上，在此留个备份以供大家参考。 1、DWZ获取Dom节点应注意的问题 DWZ 核心就是通过Ajax 获
dwz框架 asp.net mvc3
03-21
dwz框架 asp.net mvc3；dwz框架 asp.net mvc3；dwz框架 asp.net mvc3
DWZ框架使用手册
03-17
DWZ框架使用手册，适合开发人员快速搭建web应用之用，内有非常好的交互性的界面，无刷新自动增加，删除功能，界面友好；
DWZ框架使用的实例简单介绍
06-15
DWZ框架使用的实例简单介绍
DWZ框架1.4.4以及使用手册，入门指导
12-11
DWZ框架dwz4j-springmvc dwz-ria-1.4.4 dwz-user-guide.swf DWZ框架使用的实例简单介绍.doc DWZ框架使用手册.pdf
基于matlab实现的空间调制通信过程，包含信号调制、天线选择等发送过程，以及采用最大似然估计的检测过程 .rar
最新发布
05-02
基于matlab实现的空间调制通信过程，包含信号调制、天线选择等发送过程，以及采用最大似然估计的检测过程。.rar
基于matlab的关于生猪养殖场经营管理的研究.docx
05-02
本文档是课题研究的研究报告内含调研以及源码设计以及结果分析
网络作为特征提取器-python源码.zip
05-02
网络作为特征提取器-python源码.zip
JavaScript-javaweb项目
05-02
JavaScript-javaweb项目
node-v12.11.0-linux-arm64.tar.xz
05-02
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
仿Slideby触屏版html5响应式手机wap网站模板下载.zip
05-02
触屏版自适应手机wap软件网站模板 触屏版自适应手机wap软件网站模板
node-v10.18.1-linux-arm64.tar.xz
05-02
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
IEC 60695-11-3：2012.pdf
05-02
IEC 60695-11-3：2012.pdf
2021-2010上市公司和讯网社会责任评级CSR-股东员工客户消费者环境社会责任分项评级
05-02
上市公司和讯网社会责任评级CSR-股东责任员工责任客户消费者环境社会责任分项评级 得分（2010-2021年） "中国上市公司-和讯网社会责任数据"是 一份来自和讯网的数据集，它同步并收集了中国上市公司关于社会责任的相关信息。包括了 公司在股东责任、员工责任、供应商客户消费者权益责任、环境责任、社会责任中的表现和 成绩，以反映公司承担社会责任的程度。可以帮助大家了解公司在承担社会责任方面的具体 表现。这对于研究公司社会责任与公司业绩、公司声誉、公司风险等方面的关系具有参考意 义。 一、数据介绍 数据名称：上市公司和讯网社会责任评级CSR-股东责任员工责任 客户消费者环境社会责任分项评级得分 数据年份：2010-2021年 样本数量：每 年含2300-4600左右上市公司数据，总数据量40058条（注：因披露口径原因 ，2021年仅有430+上市公司数据） 数据格式：Excel面板数据 二、指标说 明 共计11个指标：股票名称、股票代码、年份、总得分、等级、股东责任、员工责任、 供应商客户和消费者权益责任、环境责任、社会责任、统计日期 三、部分excel数据 展示
基于SSM框架的JavaWeb通用权限管理系统源码
09-10
技术：Jsp 、SSM、Shiro 、Mvc、Jdbc、MySQL、DWZ富客户端框架 + Jquery + Ajax 环境：JDK:JDK1.6+ 、WEB:Tomcat6.0+ 、DB:MySQL5+ 、IDE: MyEclipse8.5+/Eclipse4.4+ 开发工具：Eclipse 详细设计及实现： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值