dwz的talbe样式不同,决定里面的元素能不能用js
<div class="tableList" layoutH="60">
<table class="table" width="100%">
<thead>
<tr>
<th><input type="checkbox" group="ids" class="checkboxCtrl"></th>
<th>编码</th>
<th>姓名</th>
<th>电话</th>
<th>邮箱</th>
<th>角色</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<c:forEach var="item" items="${list.list}" varStatus="s">
<tr target="slt_objId" rel="${item.id}" class="class_tr">
<td><input name="ids" type="checkbox" value="${item.id}"></td>
<td>${item.code}</td>
<td>${item.name}</td>
<td>${item.telephone}</td>
<td>${item.email}</td>
<td>
<c:forEach var="r" items="${item.opmRole}" varStatus="e">
${r.name}
</c:forEach>
</td>
<td>${item.memo}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div class="tableList" layoutH="60">
<table class="list" width="100%">///////为list的时候才会脚本对其有用
<thead>
<tr>
<th><input type="checkbox" group="ids" class="checkboxCtrl"></th>
<th>编码</th>
<th>姓名</th>
<th>电话</th>
<th>邮箱</th>
<th>角色</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<c:forEach var="item" items="${list.list}" varStatus="s">
<tr target="slt_objId" rel="${item.id}" class="class_tr">
<td><input name="ids" type="checkbox" value="${item.id}"></td>
<td>${item.code}</td>
<td>${item.name}</td>
<td>${item.telephone}</td>
<td>${item.email}</td>
<td>
<c:forEach var="r" items="${item.opmRole}" varStatus="e">
${r.name}
</c:forEach>
</td>
<td>${item.memo}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<script type="text/javascript">
$(".class_tr").on('click', function() {
var inputcheckbox = $(this).find("input");
if (inputcheckbox.attr("checked") == "checked") {
inputcheckbox.removeAttr("checked");
inputcheckbox.prop('checked',false);
} else {
inputcheckbox.attr("checked", "checked");
inputcheckbox.prop('checked',true);
}
});
</script>
相关推荐
关于DWZ框架的js库,它主要包括了多个模块,每个模块负责处理框架的不同部分。例如: - dwz.ui.js:提供UI组件,如对话框、标签页等。 - dwz.ajax.js:封装Ajax操作,简化与服务器的交互。 - dwz.alertMsg.js:用于...
- **IIS不能用Ajax访问*.html后缀的页面**: 修改IIS配置,允许对.html文件的跨域访问。 - **多个navTab页面或dialog页面ID冲突**: 使用唯一ID避免冲突。 - **jQuery1.4.2和jquery.validate.js在IE的兼容问题**: 更新...
1. **熟悉HTML和CSS**:尽管DWZ减少了对JavaScript的需求,但HTML和CSS仍然是网页布局和样式的基础。 2. **掌握jQuery基础知识**:虽然DWZ尽可能地封装了复杂的JavaScript逻辑,了解jQuery的核心概念仍有助于深入...
- **IIS不能使用Ajax解决方案:**提供了在IIS环境下使用Ajax时遇到问题的解决办法。 - **jQuery 1.4.2和jquery.validate.js在IE的兼容问题:**讨论了如何解决旧版jQuery和验证插件在Internet Explorer浏览器中的...
DWZ的核心理念是简化前端开发,通过预定义的CSS样式和JavaScript组件,开发者可以快速构建响应式的页面布局。其组件包括表格、表单、对话框、菜单、按钮等,同时支持Ajax无刷新操作,提高网页的交互性。 2. **UI...
【DWZ+Java的简单应用】是将DWZ(Dynamic Web Zone)前端框架与Java后端技术相结合,实现了一个基础的Web应用程序。DWZ是一个基于jQuery的UI库,提供了丰富的界面组件,如表格、表单、对话框、按钮等,便于快速开发...
这个框架集合了HTML、CSS、jQuery和Ajax等技术,使得即使对于JavaScript和CSS不太精通的开发人员,也能轻松创建出具有动态交互和美观界面的网页。 ### DWZ 框架概述 DWZ的核心理念是简化前端开发,提供一套完整的...
- **IIS不能用Ajax访问*.htm或是*.html后缀的页面**:需要对IIS进行相应的配置调整。 - **多个navTab页面或dialog页面ID冲突**:确保每个页面的ID是唯一的。 - **jQuery 1.4.2和jquery.validate.js在IE的兼容问题...
- **dwz.theme.js**: 主题样式管理功能。 - **dwz.validate.method.js**: 表单验证方法。 - **dwz.validate.zh.js**: 中文环境下的表单验证提示。 - **dwz.contextmenu.js**: 上下文菜单功能。 - **dwz.pagination....
- **dwz.cssTable.js**:为表格提供CSS样式的文件。 - **dwz.tree.js**:树形结构组件的实现。 - **dwz.theme.js**:主题管理模块。 - **dwz.validate.method.js**:表单验证方法集合。 - **dwz.validate.zh.js**:...
EasyUI和DWZ_JUI是两种广泛用于构建后台管理界面的JavaScript框架,它们都是基于jQuery库的,旨在简化Web应用程序的开发过程,提供美观且功能丰富的用户界面。 **EasyUI** EasyUI是一套轻量级的前端开发框架,它...
3. **扩展性**:DWZ支持通过HTML扩展的方式实现Ajax功能,这使得不懂JavaScript的开发者也能进行Ajax开发。 #### 三、DWZ框架的使用与配置 1. **如何在项目中使用DWZ** - 首先,在项目的入口页面(如index.html)...
- **dwz.js库介绍**:框架包含多个js文件,分别用于不同的功能,如框架初始化、UI组件、Ajax处理、弹窗消息等。 - **整合第三方jQuery插件**:提供如何将第三方jQuery插件整合到DWZ框架中的方法。 ### 二、使用手册...