`
y806839048
  • 浏览: 1126856 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

dwz的talbe样式不同,决定能不能用js

    博客分类:
  • dwz
 
阅读更多

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帮助文档 PDF版

    关于DWZ框架的js库,它主要包括了多个模块,每个模块负责处理框架的不同部分。例如: - dwz.ui.js:提供UI组件,如对话框、标签页等。 - dwz.ajax.js:封装Ajax操作,简化与服务器的交互。 - dwz.alertMsg.js:用于...

    DWZ使用帮助文档

    - **IIS不能用Ajax访问*.html后缀的页面**: 修改IIS配置,允许对.html文件的跨域访问。 - **多个navTab页面或dialog页面ID冲突**: 使用唯一ID避免冲突。 - **jQuery1.4.2和jquery.validate.js在IE的兼容问题**: 更新...

    DWZ中文开发手册

    1. **熟悉HTML和CSS**:尽管DWZ减少了对JavaScript的需求,但HTML和CSS仍然是网页布局和样式的基础。 2. **掌握jQuery基础知识**:虽然DWZ尽可能地封装了复杂的JavaScript逻辑,了解jQuery的核心概念仍有助于深入...

    dwz 学习文档

    - **IIS不能使用Ajax解决方案**: 针对IIS服务器配置的解决方案。 - **多个navTab页面或dialog页面ID冲突**: 解决ID冲突导致的问题。 - **jQuery1.4.2和jquery.validate.js在IE的兼容问题**: 处理IE浏览器下的兼容性...

    DWZ+富客户端框架使用手册_IT168文库.pdf

    - **IIS不能使用Ajax解决方案:**提供了在IIS环境下使用Ajax时遇到问题的解决办法。 - **jQuery 1.4.2和jquery.validate.js在IE的兼容问题:**讨论了如何解决旧版jQuery和验证插件在Internet Explorer浏览器中的...

    dwz使用文档

    DWZ的核心理念是简化前端开发,通过预定义的CSS样式和JavaScript组件,开发者可以快速构建响应式的页面布局。其组件包括表格、表单、对话框、菜单、按钮等,同时支持Ajax无刷新操作,提高网页的交互性。 2. **UI...

    DWZ+java的简单应用

    【DWZ+Java的简单应用】是将DWZ(Dynamic Web Zone)前端框架与Java后端技术相结合,实现了一个基础的Web应用程序。DWZ是一个基于jQuery的UI库,提供了丰富的界面组件,如表格、表单、对话框、按钮等,便于快速开发...

    dwz 使用手册和详细介绍

    这个框架集合了HTML、CSS、jQuery和Ajax等技术,使得即使对于JavaScript和CSS不太精通的开发人员,也能轻松创建出具有动态交互和美观界面的网页。 ### DWZ 框架概述 DWZ的核心理念是简化前端开发,提供一套完整的...

    DWZ富客户端框架,使用教程

    - **IIS不能用Ajax访问*.htm或是*.html后缀的页面**:需要对IIS进行相应的配置调整。 - **多个navTab页面或dialog页面ID冲突**:确保每个页面的ID是唯一的。 - **jQuery 1.4.2和jquery.validate.js在IE的兼容问题...

    dwz-user-guide.pdf

    - **dwz.theme.js**: 主题样式管理功能。 - **dwz.validate.method.js**: 表单验证方法。 - **dwz.validate.zh.js**: 中文环境下的表单验证提示。 - **dwz.contextmenu.js**: 上下文菜单功能。 - **dwz.pagination....

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

    - **dwz.cssTable.js**:为表格提供CSS样式的文件。 - **dwz.tree.js**:树形结构组件的实现。 - **dwz.theme.js**:主题管理模块。 - **dwz.validate.method.js**:表单验证方法集合。 - **dwz.validate.zh.js**:...

    easyui和dwz_jui两套后台管理界面模板

    EasyUI和DWZ_JUI是两种广泛用于构建后台管理界面的JavaScript框架,它们都是基于jQuery库的,旨在简化Web应用程序的开发过程,提供美观且功能丰富的用户界面。 **EasyUI** EasyUI是一套轻量级的前端开发框架,它...

    dwz手册的补充说明和常见问题

    3. **扩展性**:DWZ支持通过HTML扩展的方式实现Ajax功能,这使得不懂JavaScript的开发者也能进行Ajax开发。 #### 三、DWZ框架的使用与配置 1. **如何在项目中使用DWZ** - 首先,在项目的入口页面(如index.html)...

    JQUER UI 前端框架

    - **dwz.js库介绍**:框架包含多个js文件,分别用于不同的功能,如框架初始化、UI组件、Ajax处理、弹窗消息等。 - **整合第三方jQuery插件**:提供如何将第三方jQuery插件整合到DWZ框架中的方法。 ### 二、使用手册...

Global site tag (gtag.js) - Google Analytics