easyui 帶複選功能的下拉列表

2021-07-05 00:11:57 字數 1036 閱讀 5177

最近由於專案需要,前端頁面需要做乙個帶複選功能的下拉列表,由於在專案中,需要特定的樣式等,所以,給出核心**以供日後複習:

1.效果圖

2.實現的主要功能

(1)上方提示資訊

(2)沒有核取方塊但是有複選功能

(3)全選和全不選的功能

(4)選擇或者取消後在上方橫線上文字能體現出來

(5)滾動條樣式

3.核心**

因為是從專案中抽出來的,所以**不可直接執行,主要的思路如下:

jsp頁面:

✔全部終端裝置

js**:$('#terminaltype').combo();

var _value="";

var _text="終端裝置";

//提示資訊

$('#terminaltype').combo('settext', _text);

//下拉列表操作

$("#sp div").click(function()else

if(_text!=tt)else

}_text = _text.replace(tt,"");

if(_text=="")

$('#terminaltype').combo('setvalue', _value).combo('settext', _text);

}else{

$(this).find(".checkbox1").css("visibility","visible");

//全選

if(tt=="全部終端裝置"){

tt="";

_text = "";

//1.所有對號出現

$(this).siblings().find(".checkbox1").css("visibility","visible");

//2.重寫text的值

var texts =$(this).siblings().children(".checkboxvalue");

for(var i = 0;i

Django帶搜尋功能的下拉框

原本只做了乙個下拉框,後面隨著資料越來越多,選擇資料就變得很困難。考慮再下拉框中再增加乙個搜尋功能。方法一 django select2 forms 不過對py3和django3的支援不好,會產生報錯,所以我放棄了這個方法。方法二 使用jquery2 select2 可以參考 由於對前端知識掌握不透...

帶核取方塊的ListBox

具體實現步驟舉例如下 1 首先在視窗上拖放乙個listbox控制項,假設其資源id為idc list1 2 如上所述修改該listbox控制項的屬性 lbs ownerdrawfixed lbs hasstrings 3 定義cchecklistbox物件,在視窗類的標頭檔案裡 dlg.h cche...

repeater多行多列帶補齊td功能的實現

aspx list runat server onitemdatabound list itemdatabound onitemcreated list itemcreated 636 border 0 cellpadding 0 cellspacing 1 bgcolor cccccc 24 al...