天天看點

jQuery EasyUI1.3.2 comobotree 元件彈出後自動滾動到選擇的節點

  jQuery EasyUI1.3.2  comobotree 元件彈出後自動滾動到選擇的節點

jQuery EasyUI1.3.2 comobotree 元件彈出後自動滾動到選擇的節點

在加載完成Easyui JS加載完成後,添加預設事件:彈出後自動滾動到對應的節點。

<script type='text/javascript' src='/js/jquery.easyui-1.3.2.js'></script>
<script type='text/javascript' src='/js/jquery.easyui-extends.js'></script>
//jquery.easyui-extends.js 的内容就是下面的那段代碼

      
//當combotree彈出顯示時自動滾動到對應位置
$.fn.combotree.defaults.onShowPanel = function(){
	var panel = $(this).combo('panel');//取得面闆
	var value = $(this).combo("getValue");//取得目前值
	var item = panel.find("div[node-id='" + value + "']");//找到樹節點
	if (item.length){
		if (item.position().top <= 0){
			var h = panel.scrollTop() + item.position().top;
			panel.scrollTop(h);
		} else if (item.position().top + item.outerHeight() > panel.height()){
			var h = panel.scrollTop() + item.position().top + item.outerHeight() - panel.height();
			panel.scrollTop(h);
		}
	}
};