对dwz的combox组件扩展属性

简介: 对dwz的combox组件扩展属性

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

相关文章
|
11月前
|
前端开发
Concis组件库封装——CheckBox多选框/多选组
Concis组件库封装——CheckBox多选框/多选组组件封装
82 1
Concis组件库封装——CheckBox多选框/多选组
封装element-ui的table自定义表头组件
封装element-ui的table自定义表头组件
封装element-ui的table自定义表头组件
|
JSON JavaScript 数据格式
基于 el-form 封装一个依赖 json 动态渲染的表单控件
先介绍功能,然后演示功能,最后介绍思路和编码方式。
402 0
基于 el-form 封装一个依赖 json 动态渲染的表单控件
|
JSON 数据格式
基于el-form封装一个依赖 json 动态渲染的表单控件(一)
先介绍功能,然后演示功能,最后介绍思路和编码方式。
基于el-form封装一个依赖 json 动态渲染的表单控件(一)
|
JSON JavaScript 数据格式
基于el-form封装一个依赖 json 动态渲染的表单控件(二)
先介绍功能,然后演示功能,最后介绍思路和编码方式。
基于el-form封装一个依赖 json 动态渲染的表单控件(二)
|
API
对dwz的combox组件扩展属性
对dwz的combox组件扩展属性
99 0
|
JavaScript 前端开发
Knockout之属性绑定
之后我会零散的翻译一些学习Knockout的文档,希望可以帮助需要帮助的人快速学习Knockout,深入理解MVVM,如果理解有错误,欢迎指点。 今天简单记录下属性绑定 属性绑定 Purpose The attr binding provides a generic way to set...
905 0
|
API 微服务 JavaScript
封装一个优雅的element ui表格组件
现在做后台系统用vue + elementUI 的越来越多,那element ui的 el-table 组件肯定也离不开。虽然element ui的table组件很好。
5262 0
vuejs计算属性、Methods及Watched属性
https://www.cnblogs.com/pengshadouble/p/7403217.html
844 0