使用自定義標簽構造select下拉框

Baaaan 發布于2019-08-15 15:36 / 2011人閱讀

摘要：我們日常開發中有時候經常遇到一個頁面好多下拉框，下拉框的內容都被維護在一張字典表中，然后根據字典類型獲取不同的數據作為下拉列表展示。

我們日常開發中有時候經常遇到一個頁面好多Select下拉框，下拉框的內容都被維護在一張字典表中，然后根據字典類型獲取不同的數據作為下拉列表展示。這樣很繁瑣，每次都要需要寫一堆東西來初始化下拉選項，我們可以利用jspTag自定義標簽來完成。

自定義標簽

/**
 * 
 * DictSelectTag
 * 
 *  基于JspTag的公共選擇下拉框
 * @author jianzhang11
 * @version 1.0
 * @desc
 * @Date: 2016/5/18 18:43
 * @since 1.0
 */
public class DictSelectTag extends TagSupport{

    //獲取系統定義的service
   private BaseDicService baseDicService = SpringContextHolder.getBean("baseDicService");

    private String id;
    private String name;
    private String value;
    private String type;
    /**
    * 前端CSS樣式
    */
    private String cssStyle;

    @Override public String getId() {
        return id;
    }

    @Override public void setId(String id) {
        this.id = id;
    }

    public void setName(String name) {
        this.name = name;
    }

    public void setValue(String value) {
        this.value = value;
    }

    public void setType(String type) {
        this.type = type;
    }

    public void setCssStyle(String cssStyle) {
        this.cssStyle = cssStyle;
    }

    /**
     * 自定義標簽實現
     * @return
     * @throws JspException
     */
    @Override
    public int doEndTag() throws JspException {
        JspWriter out = pageContext.getOut();
        List dicList = baseDicService.findBaseDicsByType(type);
        StringBuffer sb = new StringBuffer();
        sb.append("");

        try {
            out.write(sb.toString());
        } catch (IOException e) {
            e.printStackTrace();
        }

        return TagSupport.EVAL_PAGE;
    }
}

新建tld文件配置標簽





    1.0
    dict
    http://iflytek.com/dict_tag
   
   
    
        Renders an HTML "select" element. Supports databinding to the selected option.
        select
        com.iflytek.esociety.common.tag.DictSelectTag
        JSP
        
            id
            false
            true
        
        
            value
            false
            true
        
        
            name
            true
            true
        
        
            type
            true
            true
        
        
            cssStyle
            false
            true

頁面調用

<%@taglib prefix="dict" uri="/WEB-INF/tld/dict.tld" %>

簡單三步即可在頁面完成下拉框的渲染，在后臺Service獲取字典表內容的時候建議加上緩存，這樣就不需要多次查詢數據庫了!

云服務器 GPU云服務器 select下拉選擇框自定義構造方法自定義上拉下拉 asp下拉列表自定義

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/69159.html

理解vue中的組件（二）

摘要：往往定義組件的構造器后，不需要手動的進行初始化，而是在其他組件的模板中當成標簽來使用，這時候需要調用注冊成組件。這樣設計的目的是防止從子組件意外改變父級組件的狀態，從而導致應用的數據流向難以理解。上節說到組件https://segmentfault.com/a/1190000009236700，這一節繼續來學習組件：原文博客地址，歡迎學習交流:點擊預覽從github上獲取本文代碼：...

Nino 2019-08-23 12:11 評論0 收藏0
理解vue中的組件（一）

摘要：組件是中很重要，這部分也是最難理解的，先聊一聊中的組件。語法組件名選項對象來定義一個下拉框組件請選擇北京上海杭州組件的名字就為，在模板中使用組件請選擇北京上海杭州在模板中使用組件和正常標簽一樣。看了Vue的文檔，寫得很簡潔，但是并不簡單。在自己學習的過程中踩過不少的坑，學習的時候把官網的例子從頭到尾做了一遍，記錄在github中https://github.com/WYseven/v...

JasonZhang 2019-08-20 16:09 評論0 收藏0
Laravel 組件之 Forms & HTML 組件 (laravelcollective

摘要：原文地址安裝首先通過來安裝這個包編輯項目的文件在部分加入接下來從命令行更新接下來添加到的數組最后添加兩個類鏈接到的數組創建表單打開表單默認是方法你可以隨意指定其他接收方法表單僅僅支持和方法和方法將會使用一個隱藏域添加到表單中來欺騙實現你可原文地址: Laravel Collective Forms & HTML 安裝首先通過 composer 來安裝這個包, 編輯項目的 comp...

Amio 2019-07-01 14:19 評論0 收藏0
美化select下拉框

摘要：在寫示例的時候，用到了下拉框，但是原生的下拉框是在是有點難看，然后模仿著寫了點，一個是直接在寫好的上進行美化，一個是用生成，然后定義類名及相應的事件來處理效果圖直接是在上美化文件請選擇你喜歡的文字萬水千山，陪你一起看萬水千山，陪你一起看萬水在寫示例的時候，用到了下拉框，但是原生的下拉框是在是有點難看，然后模仿著寫了點，一個是直接在寫好的Dom上進行美化，一個是用js生成，然后定義類名...

CompileYouth 2019-08-23 13:59 評論0 收藏0