最近一直在寻找合适的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
分享到:
相关推荐
在“dwz-ria-1.3Final”这个压缩包中,通常包含了DWZ框架的JavaScript库文件、CSS样式文件、图片资源、示例代码、文档等内容。开发者可以通过引入这些文件到项目中,根据需求选择和配置组件,实现功能丰富的Web界面...
在DWZ富客户端框架使用手册中,你将了解到如何初始化一个DWZ项目,包括设置基本配置、引入框架文件、创建基本页面结构等步骤。手册还会详细介绍如何利用DWZ的API和CSS类来定制和扩展组件,满足个性化需求。例如,你...
DWZ框架,全称为“Dynamic Web Zone”,是一款基于JavaScript的前端UI框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、对话框、菜单、按钮、表单验证等,大大简化了前端开发工作,使得...
在压缩包文件“DWZUI”中,可能包含了DWZ框架的皮肤、CSS样式、JavaScript文件、图片资源以及示例页面等。这些文件为开发者提供了一个快速启动项目的基础,可以快速搭建一个具备完整功能的Web应用。例如,你可以找到...
在ASP.NET中使用DWZ框架时,开发者需要注意以下几点: 1. **集成DWZ**:首先需要将DWZ框架的JavaScript和CSS文件引入到ASP.NET项目中,这通常通过在页面头部引用相关资源来完成。 2. **数据交互**:DWZ框架支持JSON...
API文档是DWZ框架的重要组成部分,它详细解释了框架提供的各种函数、方法、类和接口的使用方式,帮助开发者更好地理解和利用框架功能。API文档通常包括各个组件的介绍、参数说明、返回值以及示例代码,使得开发者...
DWZ框架使用手册,适合开发人员快速搭建web应用之用,内有非常好的交互性的界面,无刷新自动增加,删除功能,界面友好;
DWZ(Dynamic Web Zone)...在"dwz-ria"这个压缩包文件中,可能包含了DWZ框架的完整源码、示例、文档等资源,可以帮助开发者更深入地理解和使用该框架。通过阅读文档和实践示例,可以进一步提升对DWZ框架的运用能力。
DWZ框架dwz4j-springmvc dwz-ria-1.4.4 dwz-user-guide.swf DWZ框架使用的实例简单介绍.doc DWZ框架使用手册.pdf
通过“dwz框架官网实例”,我们可以深入学习DWZ框架的使用,从基础组件的使用到复杂功能的实现,掌握一套完整的前端开发流程。同时,这个实例也为我们提供了一个实践平台,可以在实际项目中应用这些知识,提升我们的...
本篇文章将深入探讨如何在DWZ框架中扩展jqGrid,以及如何利用它们实现JSON数据的初始化加载。 **一、jqGrid介绍** jqGrid是一个基于jQuery的开源JavaScript组件,它提供了强大的表格数据展示和操作功能。jqGrid...
1. **UI组件**:DWZ框架包含了一系列预设的UI元素,如按钮、表格、下拉菜单、日历控件等,这些组件都经过优化,可以在各种浏览器上保持一致的显示效果。开发者可以快速地将这些组件引入到页面中,提升界面的专业度和...
在实际开发过程中,DWZ框架可以和各种后端技术如PHP、Java、Python等配合使用,形成前后端分离的开发模式。开发者可以根据项目需求,选择适合的后端技术进行集成,实现数据的处理和存储。 总的来说,"dwz框架实例...
2. **组件和插件**:列出框架提供的各种UI组件,如表单控件、对话框、分页、树形视图等,以及如何使用它们。 3. **Ajax和JSON**:讲解框架如何通过Ajax实现页面异步更新,以及如何处理JSON数据格式。 4. **API参考**...
在“DWZ框架使用的实例简单介绍.doc”中,详细介绍了如何利用DWZ框架进行实际项目开发。文档可能涵盖了以下内容: 2.1 **环境搭建**:介绍如何安装和配置DWZ框架,包括PHP环境、数据库连接以及框架的目录结构。 ...
在“DWZ框架控件应用程序”中,我们通常会发现一个完整的Web开发解决方案,包括数据库集成和一键运行功能,这对于开发人员进行项目参考和快速原型设计非常有用。 **1. Web项目结构** DWZ框架的应用程序通常包含以下...
**标题解析:**“给mvc3穿上华丽外衣 dwz框架”这个标题表明我们要讨论的是如何使用DWZ框架来增强ASP.NET MVC3的应用程序界面,使其看起来更加美观和功能丰富。 **描述分析:**描述中提到“mvc3 穿上 华丽外衣 dwz...
资源名称:DWZ富客户端框架使用手册资源目录:概述. 4 学习DWZ 的建议...... 4 DWZ 区别于其它 JS 框架,最大的优点 4 设计思路 .... 4 版权声明 .... 5 DWZ 研发组介绍 ....... 5 HTML 扩展...... 6 Ajax 链接扩展...
6. **构建View**:在前端设计视图模板,使用DWZ的UI组件,如表格、按钮等,结合AJAX调用来实现动态交互。 7. **权限管理**:DWZ提供了强大的权限控制机制,可以在Controller中设置权限检查,根据用户角色决定是否...