前言:今天使用到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对下框进行赋值操作。
相关推荐
- **combox组件**:下拉选择框组件,可用于实现复杂的表单选择功能。 - **日历控件**:提供日期选择功能。 #### 服务器端响应 DWZ框架不仅关注前端的交互体验,还提供了对服务器端响应的支持,包括普通的Ajax表单...
- **dwz.combox.js**: Combox组件。 - **dwz.checkbox.js**: Checkbox组件。 - **dwz.regional.zh.js**: 区域设置的中文版。 - **dwz.validate.method.js**: 验证方法集合。 - **Javascript混淆与压缩**: 介绍了如何...
其设计初衷聚焦于“简单实用、扩展方便、快速开发、RIA思路、轻量级”,通过HTML扩展替代传统JavaScript编码的方式,大大降低了开发者对复杂脚本语言的需求,使HTML熟练者也能轻松掌握并运用Ajax技术和UI组件。...
- **Tab组件扩展**: 为页面添加可交互的标签页。 - **Accordion组件**: 实现折叠面板效果。 - **容器高度自适应**: 使元素根据内容自动调整高度。 - **CSSTable**: 提供了一种简单的方法来创建和管理表格样式。 - **...
- **Tab组件扩展**:为网页提供类似浏览器标签页的效果。 - **Accordion组件**:实现可折叠面板,便于组织和展示大量信息。 - **容器高度自适应**:使页面元素能够根据内容自动调整高度。 - **Table扩展**:增强表格...
- **Tab组件扩展**: 通过扩展属性实现动态加载Tab内容的功能。 - **Accordion组件**: 实现可折叠的面板组件,便于组织大量信息。 - **容器高度自适应**: 容器能够根据内容自动调整高度。 - **CSSTable**: 使用CSS而...
- **Tab组件扩展**: 提供了动态添加/删除Tab的能力,增强了用户体验。 - **Accordion组件**: 实现了可折叠的面板,方便展示多层次的信息。 - **容器高度自适应**: 支持根据内容的变化自动调整容器的高度。 - **CSS...
- **dwz.combox.js**:下拉组合框组件。 - **dwz.checkbox.js**:复选框组件。 - **dwz.uitl.date.js**:日期处理工具函数。 - **dwz.regional.zh.js**:中文语言包。 - **dwz.validate.method.js**:重复列出,应该...
- **Tab组件扩展**:为网页中的标签式导航提供支持,便于管理和切换不同的内容区域。 - **Accordion组件**:实现可折叠的面板布局,通常用于展示多级菜单或内容详情。 #### 其他组件扩展 - **容器高度自适应**:...
- 通过配置combox组件,结合ajax请求实现数据的动态加载和联动效果。 3. **如何做局部刷新** - 局部刷新通常通过更新特定DOM元素或使用特定的组件实现。 4. **如何去掉dwz调用ajax方法出现的等待图片** - 可以...