天天看點

easyui datagrid columns field 通路子屬性或更深層子屬性

一直以來對EasyUI架構情有獨鐘,因為覺得它真的配的上這個名字,幾年以前的項目就基于Easyui進行了一些封裝,日前開始開發一個管理系統,自然又想到了它。

由于項目後端使用SSM架構,業務場景中,表之間關聯的情況比較多,且很多在多方結果集中需要展示一方資訊。這樣的功能基于mybatis很容易就可以實作,但是在前台EasyUI的Columns數組元素中的field屬性卻不支援子屬性的通路,由于類似屬性較多,都使用formatter方法解決又覺得麻煩。大丈夫豈能因如此小問題而止步,背景資料傳回的是JSON,隻要找到easyUI是如何渲染頁面的此問題自然可以迎刃而解,f12斷點調試果然找到了位置。本人使用版本為1.5.2,其他版本搜尋關鍵代碼應該很容易找到

/**modify by suicy filedName support a.b start*/
//var _83e=_83b[_83d]; 注釋原來的代碼
var _83e = _83b;
var propArray = _83d.split(".");
for(var propLevel=0; propLevel<propArray.length; propLevel++){
	_83e = _83e[propArray[propLevel]];
	if(!_83e){
		break;
	}
}
/**modify by suicy filedName support a.b end*/
           

繼續閱讀