豐富Easyui 的外掛程式 lookup

外掛程式用途：

主要用於表單中，某字段的內容是用其他表裡的記錄id。當然你可以使用combobox、combotree、combogrid等，但有時這些表現方式並不是很好，希望彈出個層，然後在去做一些查詢並選取的操作。所以就封裝了一下，方便以後使用，不用在寫重複的**。

效果圖：

使用方法：

外掛程式使用easyui 的相關樣式，所以使用時需要引入easyui 的相關指令碼及樣式。

var lu = $('#txt_parentid').lookup(

});}
}}).lookup('settext', '請選擇區域').lookup('setvalue', -1);

外掛程式原始碼：

css

.lookup .combo-arrow

js

/*

瘋狂秀才（1055818239） 
version: 0.01
*/(function ($) 
$(target).addclass('combo-f').hide();
var lookup = $('').insertafter(target);
var arrow = $("
lookup.addclass('lookup');
var state = $.data(target, 'lookup');
// 新增圖示
if (state.options.iconcls) 
else 
// 建立 dialog
var _dialogopts = 
}var name = $(target).attr("name");
if (name) 
textbox.attr("autocomplete", "off");
arrow.on('click', function () , state.options.dialog, _dialogopts);
var _dialog = $('').attr('id', did).dialog(_dialogopts);
state.dialog = _dialog;
}state.dialog.dialog('open');
});state.textbox = textbox;
state.valbox = valbox;
}$.fn.lookup = function (options, param) else 
}options = options || {};
return this.each(function () 
else , $.fn.lookup.defaults, options) });
create(this);}})
}$.fn.lookup.methods = ,
close: function (jq) );
},setvalue: function (jq, val) );
},getvalue: function (jq) ,
settext: function (jq, text) );
},gettext: function (jq) 
}$.fn.lookup.defaults = ,
onopened: function() 
}})(jquery);

easy ui外掛程式收穫

今天做的分層管理讓我對享學的框架又一步的認識，慢慢的弄清了流程和怎麼操作 今天主要卡在了兩點，乙個是引數的定位 引數要和你的vo匹配否則會出現 400或者無法定位引數異常，在這裡接觸到了乙個新的知識點就是 這是乙個easy ui自檢 validtype float 表示文字框只能輸入消失，其他型別自...

初學easyui外掛程式筆記

初步了解各個外掛程式名稱 布局 layout 面板 panel 標籤頁 選項卡 tabs 摺疊面板 accordion 選單 menu 選單按鈕 menubutton 分割按鈕 splitbutton 表單 form 驗證框 validatebox 組合框 combobox 組合 combo 組合樹...

EasyUI所有外掛程式的取值方式

1.input文字框 var name id val 2.select選擇框 var name id val 3.combobox下拉框 var name id combobox getvalue 4.combotree下拉框 var name id combotree getvalue 取得選中的...