天天看點

對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對下框進行指派操作。

繼續閱讀