论坛首页 Web前端技术论坛

如何使用DWZ框架中某个UI

浏览 3428 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-04-08   最后修改:2012-04-08
最近一直在寻找合适的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>



存在问题,哪位帮看看?到底单独UI怎么用
  • 大小: 31.4 KB
   发表时间:2012-04-11  
建议使用jqGrid
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics