`
qing_gee
  • 浏览: 121874 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论

对dwz的combox组件扩展属性

    博客分类:
  • Web
阅读更多

前言:今天使用到dwz的combox组件,根据官方API上写的“value属性则用来指定combox的默认值”,但是经过实践发现,该属性并没有起到作用,结合到dwz的检索功能,还会重新刷新当前navTab,经过对dwz源码的分析,做了以下的调整

 

第一步:先对页面做以下处理,把text值和value值写一致,另外在select上加上一个扩展的属性svalue

<label>状态:</label>
					<c:choose>
						<c:when test="${status != null}">
							<select class="combox" id="status" name="status" svalue="${status}">
								<option value="全部">全部</option>
								<option value="启用">启用</option>
								<option value="停收新单">停收新单</option>
								<option value="停用账户">停用账户</option>
							</select>
						</c:when>
						<c:otherwise>
							<select class="combox" id="status" name="status" svalue="启用">
								<option value="全部">全部</option>
								<option value="启用">启用</option>
								<option value="停收新单">停收新单</option>
								<option value="停用账户">停用账户</option>
							</select>
						</c:otherwise>
					</c:choose>

 第二步:修改dwz.combox.js,见如下位置

return this.each(function(i){
				var $this = $(this).removeClass("combox");
				var name = $this.attr("name");
				var value= $this.attr("svalue");
				var label = $("option[value=" + value + "]",$this).text();
				var ref = $this.attr("ref");
				var refUrl = $this.attr("refUrl") || "";

 将原来的“var value = $this.val()”修改为“var value = $this.attr("svalue")”

 

经过以上内容的修改,就可以直接通过select的svalue对下框进行赋值操作。

1
1
分享到:
评论

相关推荐

    dwz学习文档教程

    - **combox组件**:下拉选择框组件,可用于实现复杂的表单选择功能。 - **日历控件**:提供日期选择功能。 #### 服务器端响应 DWZ框架不仅关注前端的交互体验,还提供了对服务器端响应的支持,包括普通的Ajax表单...

    dwz 学习文档

    - **dwz.combox.js**: Combox组件。 - **dwz.checkbox.js**: Checkbox组件。 - **dwz.regional.zh.js**: 区域设置的中文版。 - **dwz.validate.method.js**: 验证方法集合。 - **Javascript混淆与压缩**: 介绍了如何...

    DWZ中文开发手册

    其设计初衷聚焦于“简单实用、扩展方便、快速开发、RIA思路、轻量级”,通过HTML扩展替代传统JavaScript编码的方式,大大降低了开发者对复杂脚本语言的需求,使HTML熟练者也能轻松掌握并运用Ajax技术和UI组件。...

    DWZ使用帮助文档

    - **Tab组件扩展**: 为页面添加可交互的标签页。 - **Accordion组件**: 实现折叠面板效果。 - **容器高度自适应**: 使元素根据内容自动调整高度。 - **CSSTable**: 提供了一种简单的方法来创建和管理表格样式。 - **...

    dwz-user-guide

    - **Tab组件扩展**:为网页提供类似浏览器标签页的效果。 - **Accordion组件**:实现可折叠面板,便于组织和展示大量信息。 - **容器高度自适应**:使页面元素能够根据内容自动调整高度。 - **Table扩展**:增强表格...

    DWZ+富客户端框架使用手册

    - **Tab组件扩展**: 通过扩展属性实现动态加载Tab内容的功能。 - **Accordion组件**: 实现可折叠的面板组件,便于组织大量信息。 - **容器高度自适应**: 容器能够根据内容自动调整高度。 - **CSSTable**: 使用CSS而...

    dwz-user-guide.pdf

    - **Tab组件扩展**: 提供了动态添加/删除Tab的能力,增强了用户体验。 - **Accordion组件**: 实现了可折叠的面板,方便展示多层次的信息。 - **容器高度自适应**: 支持根据内容的变化自动调整容器的高度。 - **CSS...

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

    - **dwz.combox.js**:下拉组合框组件。 - **dwz.checkbox.js**:复选框组件。 - **dwz.uitl.date.js**:日期处理工具函数。 - **dwz.regional.zh.js**:中文语言包。 - **dwz.validate.method.js**:重复列出,应该...

    国产DWZ富客户端框架用户手册

    - **Tab组件扩展**:为网页中的标签式导航提供支持,便于管理和切换不同的内容区域。 - **Accordion组件**:实现可折叠的面板布局,通常用于展示多级菜单或内容详情。 #### 其他组件扩展 - **容器高度自适应**:...

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

    - 通过配置combox组件,结合ajax请求实现数据的动态加载和联动效果。 3. **如何做局部刷新** - 局部刷新通常通过更新特定DOM元素或使用特定的组件实现。 4. **如何去掉dwz调用ajax方法出现的等待图片** - 可以...

Global site tag (gtag.js) - Google Analytics