对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对下框进行赋值操作。

相关文章
|
4月前
|
存储 JSON JavaScript
组件的创建,引用,样式隔离以及methods,data,properties和数据事件监听
详细介绍了微信小程序中组件的创建、引用(包括局部引用和全局引用)、样式隔离、组件的data、methods和properties,以及组件的数据监听器的使用方法和场景。
组件的创建,引用,样式隔离以及methods,data,properties和数据事件监听
|
6月前
element UI 组件封装--搜索表单(含插槽和内嵌组件)
element UI 组件封装--搜索表单(含插槽和内嵌组件)
201 5
|
JavaScript
巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)
巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)
502 0
|
weex-ui 移动开发 weex
weex-如何自定义一个控件,并向控件中传值,接上一篇vue.set和this.xxx赋值
weex-如何自定义一个控件,并向控件中传值,接上一篇vue.set和this.xxx赋值
98 0
weex-如何自定义一个控件,并向控件中传值,接上一篇vue.set和this.xxx赋值
封装element-ui的table自定义表头组件
封装element-ui的table自定义表头组件
封装element-ui的table自定义表头组件
|
前端开发
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—使用ViewModifier视图修饰符集成多个样式
383 0
SwiftUI—使用ViewModifier视图修饰符集成多个样式
|
JSON JavaScript 前端开发
继续对dwz封装树形下拉框
继续对dwz封装树形下拉框
171 0
继续对dwz封装树形下拉框
|
JSON 前端开发 JavaScript
为dwz扩展树形下拉框
为dwz扩展树形下拉框
155 0
为dwz扩展树形下拉框
|
API
对dwz的combox组件扩展属性
对dwz的combox组件扩展属性
123 0
|
C#
WPF 使用依赖属性(DependencyProperty) 定义用户控件中的Image Source属性
原文:WPF 使用依赖属性(DependencyProperty) 定义用户控件中的Image Source属性 如果你要自定义一个图片按钮控件,那么如何在主窗体绑定这个控件上图片的Source呢? 我向大家介绍一个用 依赖属性(DependencyProperty) 实现的方法。
2503 0