对dwz的combox组件扩展属性

痛定思痛。 2021-06-24 16:09 409阅读 0赞

**前言**：今天使用到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对下框进行赋值操作。

发表评论取消回复

表情：

评论列表（有 0 条评论，409人围观）

还没有评论，来说两句吧...

相关阅读

相关 React组件的props属性、state属性、refs属性详解

React组件属性 1、`props`属性 react中说的单向数据流值说的就是props，根据这一特点它还有一个作用：组件之间的通信。props本身是不可变的，但

野性酷女/ 2023年07月11日 11:03/ 0 赞/ 104 阅读

相关 dwz tree组件取得所选择的值

DWZ的树结构是按<ul>,<li>的嵌套格式构成，最顶级的<ul>以class=”tree”标识。treeFolder, treeCheck, expand|co

迷南。/ 2022年09月17日 07:28/ 0 赞/ 192 阅读

相关 DWZ富框架扩展icon方式

/ 自动加载toolbar的图片，iconClass=contexPathimageName / fu

朴灿烈づ我的快乐病毒、/ 2022年08月07日 08:50/ 0 赞/ 231 阅读

相关【seaJS】扩展jQuery组件之ajaxFileUpload

定义ajaxFileUpload.js 创建ajaxUpload.js文件 (function (factory) { if (typeof define

╰半橙微兮°/ 2022年06月11日 02:54/ 0 赞/ 289 阅读

相关 Image控件的属性扩展

扩展Image的属性，显示Web下的图片。对Image的属性进行扩展： using System; using System.Net

╰半橙微兮°/ 2022年04月22日 07:00/ 0 赞/ 290 阅读

相关 Vue 组件实例属性的使用

前言因为最近面试了二、三十个人，发现大部分都还是只是停留在 Vue 文档的[教程][Link 1]。有部分连教程这部分的文档也没看全。所以稍微写一点，让新上手的

淩亂°似流年/ 2022年04月03日 15:22/ 0 赞/ 344 阅读

相关 java中对父类的属性进行扩展

public OrderDataLog(OrderData orderData) { Field[] fields = OrderData.class.ge

青旅半醒/ 2022年01月13日 07:07/ 0 赞/ 294 阅读

相关 JavaBean组件-属性操作（三）

设置JavaBean属性值访问JavaBean属性值一：设置JavaBean属性值 JSP中提供了<jsp:setProperty>动作元素来设

冷不防/ 2021年10月01日 05:52/ 0 赞/ 583 阅读

相关对dwz的combox组件扩展属性

前言：今天使用到dwz的combox组件，根据官方API上写的“value属性则用来指定combox的默认值”，但是经过实践发现，该属性并没有起到作用，结合到dwz的检索功能，

痛定思痛。/ 2021年06月24日 16:09/ 0 赞/ 410 阅读

相关为dwz扩展树形下拉框

前言：在之前的博客中写了一个不在dwz环境下制作的树形下拉框，但是使用dwz后，发现需要为dwz扩展一个自己的组件，通过value属性为服务端传递请求参数，通过title属性显

红太狼/ 2021年05月10日 11:18/ 0 赞/ 571 阅读