jqueryEasyui 之滾動

1、實現(xiàn)場景為需要兩個datagruid同步滾動粥惧。
擼源碼發(fā)現(xiàn)喘鸟,其實在生成中匆绣,已經(jīng)向返回數(shù)據(jù)層拋出了一個叫做dc的對象,其指向dom層可以直接操作什黑,于是在onAfterRender中可以對dom層進行二次事件綁定崎淳。

//生成datagruid
function _684(_685,_686){
function _687(){
var _688=[];
var _689=[];
$(_685).children("thead").each(function(){
var opt=$.parser.parseOptions(this,[{frozen:"boolean"}]);
$(this).find("tr").each(function(){
var cols=[];
$(this).find("th").each(function(){
var th=$(this);
var col=$.extend({},$.parser.parseOptions(this,["id","field","align","halign","order","width",{sortable:"boolean",checkbox:"boolean",resizable:"boolean",fixed:"boolean"},{rowspan:"number",colspan:"number"}]),{title:(th.html()||undefined),hidden:(th.attr("hidden")?true:undefined),formatter:(th.attr("formatter")?eval(th.attr("formatter")):undefined),styler:(th.attr("styler")?eval(th.attr("styler")):undefined),sorter:(th.attr("sorter")?eval(th.attr("sorter")):undefined)});
if(col.width&&String(col.width).indexOf("%")==-1){
col.width=parseInt(col.width);
}
if(th.attr("editor")){
var s=$.trim(th.attr("editor"));
if(s.substr(0,1)=="{"){
col.editor=eval("("+s+")");
}else{
col.editor=s;
}
}
cols.push(col);
});
opt.frozen?_688.push(cols):_689.push(cols);
});
});
return [_688,_689];
};
//生成datagruidView代碼
var _68a=$("<div class=\"datagrid-wrap\">"+"<div class=\"datagrid-view\">"+"<div class=\"datagrid-view1\">"+"<div class=\"datagrid-header\">"+"<div class=\"datagrid-header-inner\"></div>"+"</div>"+"<div class=\"datagrid-body\">"+"<div class=\"datagrid-body-inner\"></div>"+"</div>"+"<div class=\"datagrid-footer\">"+"<div class=\"datagrid-footer-inner\"></div>"+"</div>"+"</div>"+"<div class=\"datagrid-view2\">"+"<div class=\"datagrid-header\">"+"<div class=\"datagrid-header-inner\"></div>"+"</div>"+"<div class=\"datagrid-body\"></div>"+"<div class=\"datagrid-footer\">"+"<div class=\"datagrid-footer-inner\"></div>"+"</div>"+"</div>"+"</div>"+"</div>").insertAfter(_685);
_68a.panel({doSize:false,cls:"datagrid"});
$(_685).addClass("datagrid-f").hide().appendTo(_68a.children("div.datagrid-view"));
var cc=_687();
var view=_68a.children("div.datagrid-view");
var _68b=view.children("div.datagrid-view1");
var _68c=view.children("div.datagrid-view2");
return {panel:_68a,frozenColumns:cc[0],columns:cc[1],dc:{view:view,view1:_68b,view2:_68c,header1:_68b.children("div.datagrid-header").children("div.datagrid-header-inner"),header2:_68c.children("div.datagrid-header").children("div.datagrid-header-inner"),body1:_68b.children("div.datagrid-body").children("div.datagrid-body-inner"),body2:_68c.children("div.datagrid-body"),footer1:_68b.children("div.datagrid-footer").children("div.datagrid-footer-inner"),footer2:_68c.children("div.datagrid-footer").children("div.datagrid-footer-inner")}};
};
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市愕把,隨后出現(xiàn)的幾起案子拣凹,更是在濱河造成了極大的恐慌,老刑警劉巖恨豁,帶你破解...
    沈念sama閱讀 221,430評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嚣镜,死亡現(xiàn)場離奇詭異,居然都是意外死亡圣絮,警方通過查閱死者的電腦和手機祈惶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評論 3 398
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人捧请,你說我怎么就攤上這事凡涩。” “怎么了疹蛉?”我有些...
    開封第一講書人閱讀 167,834評論 0 360
  • 文/不壞的土叔 我叫張陵活箕,是天一觀的道長。 經(jīng)常有香客問我可款,道長育韩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,543評論 1 296
  • 正文 為了忘掉前任闺鲸,我火速辦了婚禮筋讨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘摸恍。我一直安慰自己悉罕,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,547評論 6 397
  • 文/花漫 我一把揭開白布立镶。 她就那樣靜靜地躺著壁袄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪媚媒。 梳的紋絲不亂的頭發(fā)上嗜逻,一...
    開封第一講書人閱讀 52,196評論 1 308
  • 那天,我揣著相機與錄音缭召,去河邊找鬼栈顷。 笑死,一個胖子當(dāng)著我的面吹牛恼琼,可吹牛的內(nèi)容都是我干的妨蛹。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼晴竞,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了狠半?” 一聲冷哼從身側(cè)響起噩死,我...
    開封第一講書人閱讀 39,671評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎神年,沒想到半個月后已维,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,221評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡已日,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,303評論 3 340
  • 正文 我和宋清朗相戀三年垛耳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,444評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡堂鲜,死狀恐怖栈雳,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情缔莲,我是刑警寧澤哥纫,帶...
    沈念sama閱讀 36,134評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站痴奏,受9級特大地震影響蛀骇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜读拆,卻給世界環(huán)境...
    茶點故事閱讀 41,810評論 3 333
  • 文/蒙蒙 一擅憔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧檐晕,春花似錦暑诸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至伞矩,卻和暖如春笛洛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背乃坤。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評論 1 272
  • 我被黑心中介騙來泰國打工苛让, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人湿诊。 一個月前我還...
    沈念sama閱讀 48,837評論 3 376
  • 正文 我出身青樓狱杰,卻偏偏與公主長得像,于是被迫代替她去往敵國和親厅须。 傳聞我的和親對象是個殘疾皇子仿畸,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,455評論 2 359

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,275評論 25 707
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法朗和,內(nèi)部類的語法错沽,繼承相關(guān)的語法,異常的語法眶拉,線程的語...
    子非魚_t_閱讀 31,660評論 18 399
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理千埃,服務(wù)發(fā)現(xiàn),斷路器忆植,智...
    卡卡羅2017閱讀 134,695評論 18 139
  • 早上一二節(jié)課放可,7點半起床谒臼,吃過早飯再去的教室。然后還是老師沒來耀里,開會去了蜈缤,班導(dǎo)就開了個班會然后就回寢室了。說...
    天空藍上閱讀 102評論 0 0
  • 廢話不多說直接上代碼 //具體操作 } //MRAK: NSURLSessionDownloadDelegate方法 }
    玉松閱讀 1,590評論 0 0