ligerGrid.js 178 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365
  1. /**
  2. * jQuery ligerUI 1.1.9
  3. *
  4. * http://ligerui.com
  5. *
  6. * Author daomi 2012 [ gd_star@163.com ]
  7. *
  8. */
  9. (function ($)
  10. {
  11. var l = $.ligerui;
  12. $.fn.ligerGrid = function (options)
  13. {
  14. return $.ligerui.run.call(this, "ligerGrid", arguments);
  15. };
  16. $.fn.ligerGetGridManager = function ()
  17. {
  18. return $.ligerui.run.call(this, "ligerGetGridManager", arguments);
  19. };
  20. $.ligerDefaults.Grid = {
  21. title: null,
  22. width: 'auto', //宽度值
  23. height: '100%', //宽度值
  24. columnWidth: null, //默认列宽度
  25. resizable: true, //table是否可伸缩
  26. url: false, //ajax url
  27. usePager: true, //是否分页
  28. page: 1, //默认当前页
  29. pageSize: 10, //每页默认的结果数
  30. pageSizeOptions: [10, 20, 30, 40, 50], //可选择设定的每页结果数
  31. parms: [], //提交到服务器的参数
  32. columns: [], //数据源
  33. minColToggle: 1, //最小显示的列
  34. dataType: 'server', //数据源:本地(local)或(server),本地是将读取p.data。不需要配置,取决于设置了data或是url
  35. dataAction: 'server', //提交数据的方式:本地(local)或(server),选择本地方式时将在客服端分页、排序。
  36. showTableToggleBtn: false, //是否显示'显示隐藏Grid'按钮
  37. switchPageSizeApplyComboBox: false, //切换每页记录数是否应用ligerComboBox
  38. allowAdjustColWidth: true, //是否允许调整列宽
  39. checkbox: false, //是否显示复选框
  40. allowHideColumn: true, //是否显示'切换列层'按钮
  41. enabledEdit: false, //是否允许编辑
  42. isScroll: false, //是否滚动
  43. onDragCol: null, //拖动列事件
  44. onToggleCol: null, //切换列事件
  45. onChangeSort: null, //改变排序事件
  46. onSuccess: null, //成功获取服务器数据的事件
  47. onDblClickRow: null, //双击行事件
  48. onSelectRow: null, //选择行事件
  49. onUnSelectRow: null, //取消选择行事件
  50. onBeforeCheckRow: null, //选择前事件,可以通过return false阻止操作(复选框)
  51. onCheckRow: null, //选择事件(复选框)
  52. onBeforeCheckAllRow: null, //选择前事件,可以通过return false阻止操作(复选框 全选/全不选)
  53. onCheckAllRow: null, //选择事件(复选框 全选/全不选)
  54. onBeforeShowData: null, //显示数据前事件,可以通过reutrn false阻止操作
  55. onAfterShowData: null, //显示完数据事件
  56. onError: null, //错误事件
  57. onSubmit: null, //提交前事件
  58. dateFormat: 'yyyy-MM-dd', //默认时间显示格式
  59. InWindow: true, //是否以窗口的高度为准 height设置为百分比时可用
  60. statusName: '__status', //状态名
  61. method: 'post', //提交方式
  62. async: true,
  63. fixedCellHeight: true, //是否固定单元格的高度
  64. heightDiff: 0, //高度补差,当设置height:100%时,可能会有高度的误差,可以通过这个属性调整
  65. cssClass: null, //类名
  66. root: 'Rows', //数据源字段名
  67. record: 'Total', //数据源记录数字段名
  68. pageParmName: 'page', //页索引参数名,(提交给服务器)
  69. pagesizeParmName: 'pagesize', //页记录数参数名,(提交给服务器)
  70. sortnameParmName: 'sortname', //页排序列名(提交给服务器)
  71. sortorderParmName: 'sortorder', //页排序方向(提交给服务器)
  72. onReload: null, //刷新事件,可以通过return false来阻止操作
  73. onToFirst: null, //第一页,可以通过return false来阻止操作
  74. onToPrev: null, //上一页,可以通过return false来阻止操作
  75. onToNext: null, //下一页,可以通过return false来阻止操作
  76. onToLast: null, //最后一页,可以通过return false来阻止操作
  77. allowUnSelectRow: false, //是否允许反选行
  78. alternatingRow: true, //奇偶行效果
  79. mouseoverRowCssClass: 'l-grid-row-over',
  80. enabledSort: true, //是否允许排序
  81. rowAttrRender: null, //行自定义属性渲染器(包括style,也可以定义)
  82. groupColumnName: null, //分组 - 列名
  83. groupColumnDisplay: '分组', //分组 - 列显示名字
  84. groupRender: null, //分组 - 渲染器
  85. totalRender: null, //统计行(全部数据)
  86. delayLoad: false, //初始化时是否不加载
  87. where: null, //数据过滤查询函数,(参数一 data item,参数二 data item index)
  88. selectRowButtonOnly: false, //复选框模式时,是否只允许点击复选框才能选择行
  89. onAfterAddRow: null, //增加行后事件
  90. onBeforeEdit: null, //编辑前事件
  91. onBeforeSubmitEdit: null, //验证编辑器结果是否通过
  92. onAfterEdit: null, //结束编辑后事件
  93. onLoading: null, //加载时函数
  94. onLoaded: null, //加载完函数
  95. onContextmenu: null, //右击事件
  96. whenRClickToSelect: false, //右击行时是否选中
  97. contentType: null, //Ajax contentType参数
  98. checkboxColWidth: 27, //复选框列宽度
  99. detailColWidth: 29, //明细列宽度
  100. clickToEdit: true, //是否点击单元格的时候就编辑
  101. detailToEdit: false, //是否点击明细的时候进入编辑
  102. onEndEdit: null,
  103. minColumnWidth: 80,
  104. tree: null, //treeGrid模式
  105. isChecked: null, //复选框 初始化函数
  106. frozen: true, //是否固定列
  107. frozenDetail: false, //明细按钮是否在固定列中
  108. frozenCheckbox: true, //复选框按钮是否在固定列中
  109. detailHeight: 260,
  110. rownumbers: false, //是否显示行序号
  111. frozenRownumbers: true, //行序号是否在固定列中
  112. rownumbersColWidth: 26,
  113. colDraggable: false, //是否允许表头拖拽
  114. rowDraggable: false, //是否允许行拖拽
  115. rowDraggingRender: null,
  116. autoCheckChildren: true, //是否自动选中子节点
  117. onRowDragDrop: null, //行拖拽事件
  118. rowHeight: 22, //行默认的高度
  119. headerRowHeight: 23, //表头行的高度
  120. toolbar: null, //工具条,参数同 ligerToolbar的
  121. headerImg: null, //表格头部图标
  122. isAdding : false //是否在添加的状态
  123. };
  124. $.ligerDefaults.GridString = {
  125. errorMessage: '发生错误',
  126. pageStatMessage: '显示从{from}到{to},总 {total} 条 。每页显示:{pagesize}',
  127. pageTextMessage: 'Page',
  128. loadingMessage: '加载中...',
  129. findTextMessage: '查找',
  130. noRecordMessage: '没有符合条件的记录存在',
  131. isContinueByDataChanged: '数据已经改变,如果继续将丢失数据,是否继续?',
  132. cancelMessage: '取消',
  133. saveMessage: '保存',
  134. applyMessage: '应用',
  135. draggingMessage: '{count}行'
  136. };
  137. //接口方法扩展
  138. $.ligerMethos.Grid = $.ligerMethos.Grid || {};
  139. //排序器扩展
  140. $.ligerDefaults.Grid.sorters = $.ligerDefaults.Grid.sorters || {};
  141. //格式化器扩展
  142. $.ligerDefaults.Grid.formatters = $.ligerDefaults.Grid.formatters || {};
  143. //编辑器扩展
  144. $.ligerDefaults.Grid.editors = $.ligerDefaults.Grid.editors || {};
  145. $.ligerDefaults.Grid.sorters['date'] = function (val1, val2)
  146. {
  147. return val1 < val2 ? -1 : val1 > val2 ? 1 : 0;
  148. };
  149. $.ligerDefaults.Grid.sorters['int'] = function (val1, val2)
  150. {
  151. return parseInt(val1) < parseInt(val2) ? -1 : parseInt(val1) > parseInt(val2) ? 1 : 0;
  152. };
  153. $.ligerDefaults.Grid.sorters['float'] = function (val1, val2)
  154. {
  155. return parseFloat(val1) < parseFloat(val2) ? -1 : parseFloat(val1) > parseFloat(val2) ? 1 : 0;
  156. };
  157. $.ligerDefaults.Grid.sorters['string'] = function (val1, val2)
  158. {
  159. return val1.localeCompare(val2);
  160. };
  161. $.ligerDefaults.Grid.formatters['date'] = function (value, column)
  162. {
  163. function getFormatDate(date, dateformat)
  164. {
  165. var g = this, p = this.options;
  166. if (isNaN(date)) return null;
  167. var format = dateformat;
  168. var o = {
  169. "M+": date.getMonth() + 1,
  170. "d+": date.getDate(),
  171. "h+": date.getHours(),
  172. "m+": date.getMinutes(),
  173. "s+": date.getSeconds(),
  174. "q+": Math.floor((date.getMonth() + 3) / 3),
  175. "S": date.getMilliseconds()
  176. }
  177. if (/(y+)/.test(format))
  178. {
  179. format = format.replace(RegExp.$1, (date.getFullYear() + "")
  180. .substr(4 - RegExp.$1.length));
  181. }
  182. for (var k in o)
  183. {
  184. if (new RegExp("(" + k + ")").test(format))
  185. {
  186. format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]
  187. : ("00" + o[k]).substr(("" + o[k]).length));
  188. }
  189. }
  190. return format;
  191. }
  192. if (!value) return "";
  193. // /Date(1328423451489)/
  194. if (typeof (value) == "string" && /^\/Date/.test(value))
  195. {
  196. value = value.replace(/^\//, "new ").replace(/\/$/, "");
  197. eval("value = " + value);
  198. }
  199. if (value instanceof Date)
  200. {
  201. var format = column.format || this.options.dateFormat || "yyyy-MM-dd";
  202. return getFormatDate(value, format);
  203. }
  204. else
  205. {
  206. return value.toString();
  207. }
  208. }
  209. //扩展一个 多行文本框 的编辑器
  210. $.ligerDefaults.Grid.editors['textarea'] = {
  211. create: function (container, editParm)
  212. {
  213. var input = $("<textarea class='l-textarea' style='position:absolute;'/>");
  214. input.focus(function(){
  215. var column = editParm.column;
  216. input.height(column.editor.height);
  217. input.css({"z-index":99});
  218. }).blur(function(){
  219. input.height(container[0]["clientHeight"]-5);
  220. input.css({"z-index":1});
  221. })
  222. input.height(container[0]["clientHeight"]-5);
  223. container.append(input);
  224. return input;
  225. },
  226. getValue: function (input, editParm)
  227. {
  228. return input.val();
  229. },
  230. setValue: function (input, value, editParm)
  231. {
  232. input.val(value);
  233. },
  234. resize: function (input, width, height, editParm)
  235. {
  236. var currentExplorer = window.navigator.userAgent;
  237. if(currentExplorer.indexOf("Chrome")>=0||currentExplorer.indexOf("Firefox")>=0){
  238. input.css({"margin-left":-Math.ceil(width/2)});
  239. }
  240. input.css({"margin-top":-Math.ceil(height/2)});
  241. var column = editParm.column;
  242. if (column.editor.width) input.width(column.editor.width);
  243. else input.width(width-6);
  244. }
  245. };
  246. //扩展一个 select弹出框
  247. $.ligerDefaults.Grid.editors['selectPos'] =
  248. $.ligerDefaults.Grid.editors['selectRole']=
  249. $.ligerDefaults.Grid.editors['selectUser']=
  250. $.ligerDefaults.Grid.editors['selectOrg'] =
  251. $.ligerDefaults.Grid.editors['commonDialog'] =
  252. {
  253. create: function (container, editParm)
  254. {
  255. var me = this, p = this.options;
  256. var column = editParm.column;
  257. var type=column.editor.type;
  258. var g =this.render(column);
  259. g.wrapper.width(column["_width"]);
  260. g.inputText.height(container[0]["clientHeight"]-2);
  261. g.link.height(container[0]["clientHeight"]-5);
  262. g.inputText.css({"top":"-17px"});
  263. g.link.css({"top":"-7px"});
  264. var currentInput=g.inputText;
  265. var currentEditorMulti=column.editor.multi;
  266. $(g.link).mousedown(function(){
  267. if(column.editor.type=="selectPos"){
  268. selectPos(editParm.record,column.columnname,currentEditorMulti);
  269. }else if(column.editor.type=="selectRole"){
  270. selectRole(editParm.record,column.columnname,currentEditorMulti);
  271. }else if(column.editor.type=="selectUser"){
  272. selectUser(editParm.record,column.columnname,currentEditorMulti);
  273. }else if(column.editor.type=="selectOrg"){
  274. selectOrg(editParm.record,column.columnname,currentEditorMulti);
  275. }else if(column.editor.type=="commonDialog"){
  276. var options = column.editor.options['dialog'];
  277. CommonDialog(options['name'],function(data){
  278. var rowdata=editParm.record;
  279. var fields=options['fields'];
  280. var currentColumns=[];
  281. var newRowData={};
  282. for(var field in fields){
  283. newRowData[fields[field]['target']]=data[fields[field]['src']];
  284. currentColumns.push(fields[field]['target']);
  285. }
  286. $.extend(rowdata, newRowData || {});
  287. grid.insertValue({rowdata:rowdata,currentColumns:currentColumns});
  288. },"");
  289. }
  290. });
  291. container.append(g.wrapper);
  292. return g.wrapper;
  293. },
  294. getValue: function (input, editParm)
  295. {
  296. return $(".l-text-field",input).val();
  297. },
  298. setValue: function (input, value, editParm)
  299. {
  300. $(".l-text-field",input).val(value);
  301. },
  302. resize: function (input, width, height, editParm)
  303. {
  304. input.liger('option', 'width', width);
  305. input.liger('option', 'height', height);
  306. },
  307. destroy: function (input, editParm)
  308. {
  309. input.liger('destroy');
  310. },
  311. render: function (column)
  312. {
  313. var g = this, p = this.options;
  314. g.inputText = $("<input type='text'/> ");
  315. g.inputText[0].name = column['columnname'];
  316. //开关
  317. g.link = $('<div class="l-trigger" style="height: 21px;top: -2px;"><div class="l-trigger-show-icon">...</div></div>');
  318. //外层
  319. g.wrapper = g.inputText.wrap('<div class="l-text l-text-popup" style="line-height:10px;"></div>').parent();
  320. g.wrapper.append('<div class="l-text-l"></div><div class="l-text-r"></div>');
  321. g.wrapper.append(g.link);
  322. g.wrapper.append(g.valueField);
  323. g.inputText.addClass("l-text-field");
  324. g.inputText.width(column["_width"]);
  325. return g;
  326. }
  327. };
  328. $.ligerDefaults.Grid.editors['date'] =
  329. {
  330. create: function (container, editParm)
  331. {
  332. var column = editParm.column;
  333. var input = $("<input type='text'/>");
  334. container.append(input);
  335. var options = {};
  336. var ext = column.editor.p || column.editor.ext;
  337. if (ext)
  338. {
  339. var tmp = typeof (ext) == 'function' ?
  340. ext(editParm.record, editParm.rowindex, editParm.value, column) : ext;
  341. $.extend(options, tmp);
  342. }
  343. input.ligerDateEditor(options);
  344. return input;
  345. },
  346. getValue: function (input, editParm)
  347. {
  348. return input.liger('option', 'value');
  349. },
  350. setValue: function (input, value, editParm)
  351. {
  352. input.liger('option', 'value', value);
  353. },
  354. resize: function (input, width, height, editParm)
  355. {
  356. input.liger('option', 'width', width);
  357. input.liger('option', 'height', height);
  358. },
  359. destroy: function (input, editParm)
  360. {
  361. input.liger('destroy');
  362. }
  363. };
  364. $.ligerDefaults.Grid.editors['select'] =
  365. $.ligerDefaults.Grid.editors['combobox'] =
  366. {
  367. create: function (container, editParm)
  368. {
  369. var column = editParm.column;
  370. var input = $("<input type='text'/>");
  371. container.append(input);
  372. var options = {
  373. data: column.editor.data,
  374. slide: false,
  375. valueField: column.editor.valueField || column.editor.valueColumnName,
  376. textField: column.editor.textField || column.editor.displayColumnName
  377. };
  378. var ext = column.editor.p || column.editor.ext;
  379. if (ext)
  380. {
  381. var tmp = typeof (ext) == 'function' ?
  382. ext(editParm.record, editParm.rowindex, editParm.value, column) : ext;
  383. $.extend(options, tmp);
  384. }
  385. input.ligerComboBox(options);
  386. return input;
  387. },
  388. getValue: function (input, editParm)
  389. {
  390. return input.liger('option', 'value');
  391. },
  392. setValue: function (input, value, editParm)
  393. {
  394. input.liger('option', 'value', value);
  395. },
  396. resize: function (input, width, height, editParm)
  397. {
  398. input.liger('option', 'width', width);
  399. input.liger('option', 'height', height);
  400. },
  401. destroy: function (input, editParm)
  402. {
  403. input.liger('destroy');
  404. }
  405. };
  406. $.ligerDefaults.Grid.editors['int'] =
  407. $.ligerDefaults.Grid.editors['float'] =
  408. $.ligerDefaults.Grid.editors['spinner'] =
  409. {
  410. create: function (container, editParm)
  411. {
  412. var column = editParm.column;
  413. var input = $("<input type='text'/>");
  414. container.append(input);
  415. input.css({ border: '#6E90BE' })
  416. var options = {
  417. type: column.editor.type == 'float' ? 'float' : 'int'
  418. };
  419. if (column.editor.minValue != undefined) options.minValue = column.editor.minValue;
  420. if (column.editor.maxValue != undefined) options.maxValue = column.editor.maxValue;
  421. input.ligerSpinner(options);
  422. return input;
  423. },
  424. getValue: function (input, editParm)
  425. {
  426. var column = editParm.column;
  427. var isInt = column.editor.type == "int";
  428. if (isInt)
  429. return parseInt(input.val(), 10);
  430. else
  431. return parseFloat(input.val());
  432. },
  433. setValue: function (input, value, editParm)
  434. {
  435. input.val(value);
  436. },
  437. resize: function (input, width, height, editParm)
  438. {
  439. input.liger('option', 'width', width);
  440. input.liger('option', 'height', height);
  441. },
  442. destroy: function (input, editParm)
  443. {
  444. input.liger('destroy');
  445. }
  446. };
  447. $.ligerDefaults.Grid.editors['string'] =
  448. $.ligerDefaults.Grid.editors['text'] = {
  449. create: function (container, editParm)
  450. {
  451. var input = $("<input type='text' class='l-text-editing'/>");
  452. container.append(input);
  453. input.ligerTextBox();
  454. return input;
  455. },
  456. getValue: function (input, editParm)
  457. {
  458. return input.val();
  459. },
  460. setValue: function (input, value, editParm)
  461. {
  462. input.val(value);
  463. },
  464. resize: function (input, width, height, editParm)
  465. {
  466. input.liger('option', 'width', width);
  467. input.liger('option', 'height', height);
  468. },
  469. destroy: function (input, editParm)
  470. {
  471. input.liger('destroy');
  472. }
  473. };
  474. $.ligerDefaults.Grid.editors['chk'] = $.ligerDefaults.Grid.editors['checkbox'] = {
  475. create: function (container, editParm)
  476. {
  477. var input = $("<input type='checkbox' />");
  478. container.append(input);
  479. input.ligerCheckBox();
  480. return input;
  481. },
  482. getValue: function (input, editParm)
  483. {
  484. return input[0].checked ? 1 : 0;
  485. },
  486. setValue: function (input, value, editParm)
  487. {
  488. input.val(value ? true : false);
  489. },
  490. resize: function (input, width, height, editParm)
  491. {
  492. input.liger('option', 'width', width);
  493. input.liger('option', 'height', height);
  494. },
  495. destroy: function (input, editParm)
  496. {
  497. input.liger('destroy');
  498. }
  499. };
  500. $.ligerui.controls.Grid = function (element, options)
  501. {
  502. $.ligerui.controls.Grid.base.constructor.call(this, element, options);
  503. };
  504. $.ligerui.controls.Grid.ligerExtend($.ligerui.core.UIComponent, {
  505. __getType: function ()
  506. {
  507. return '$.ligerui.controls.Grid';
  508. },
  509. __idPrev: function ()
  510. {
  511. return 'grid';
  512. },
  513. _extendMethods: function ()
  514. {
  515. return $.ligerMethos.Grid;
  516. },
  517. _init: function ()
  518. {
  519. $.ligerui.controls.Grid.base._init.call(this);
  520. var g = this, p = this.options;
  521. p.dataType = p.url ? "server" : "local";
  522. if (p.dataType == "local")
  523. {
  524. p.data = p.data || [];
  525. p.dataAction = "local";
  526. }
  527. if (p.isScroll == false)
  528. {
  529. p.height = 'auto';
  530. }
  531. if (!p.frozen)
  532. {
  533. p.frozenCheckbox = false;
  534. p.frozenDetail = false;
  535. p.frozenRownumbers = false;
  536. }
  537. if (p.detailToEdit)
  538. {
  539. p.enabledEdit = true;
  540. p.clickToEdit = false;
  541. p.detail = {
  542. height: 'auto',
  543. onShowDetail: function (record, container, callback)
  544. {
  545. $(container).addClass("l-grid-detailpanel-edit");
  546. g.beginEdit(record, function (rowdata, column)
  547. {
  548. var editContainer = $("<div class='l-editbox'></div>");
  549. editContainer.width(120).height(p.rowHeight + 1);
  550. editContainer.appendTo(container);
  551. return editContainer;
  552. });
  553. function removeRow()
  554. {
  555. $(container).parent().parent().remove();
  556. g.collapseDetail(record);
  557. }
  558. $("<div class='l-clear'></div>").appendTo(container);
  559. $("<div class='l-button'>" + p.saveMessage + "</div>").appendTo(container).click(function ()
  560. {
  561. g.endEdit(record);
  562. removeRow();
  563. });
  564. $("<div class='l-button'>" + p.applyMessage + "</div>").appendTo(container).click(function ()
  565. {
  566. g.submitEdit(record);
  567. });
  568. $("<div class='l-button'>" + p.cancelMessage + "</div>").appendTo(container).click(function ()
  569. {
  570. g.cancelEdit(record);
  571. removeRow();
  572. });
  573. }
  574. };
  575. }
  576. if (p.tree)//启用分页模式
  577. {
  578. p.tree.childrenName = p.tree.childrenName || "children";
  579. p.tree.isParent = p.tree.isParent || function (rowData)
  580. {
  581. var exist = p.tree.childrenName in rowData;
  582. return exist;
  583. };
  584. p.tree.isExtend = p.tree.isExtend || function (rowData)
  585. {
  586. if ('isextend' in rowData && rowData['isextend'] == false)
  587. return false;
  588. return true;
  589. };
  590. }
  591. },
  592. _render: function ()
  593. {
  594. var g = this, p = this.options;
  595. g.grid = $(g.element);
  596. g.grid.addClass("l-panel");
  597. var gridhtmlarr = [];
  598. gridhtmlarr.push(" <div class='l-panel-header'><span class='l-panel-header-text'></span></div>");
  599. gridhtmlarr.push(" <div class='l-grid-loading'></div>");
  600. gridhtmlarr.push(" <div class='l-panel-topbar'></div>");
  601. gridhtmlarr.push(" <div class='l-panel-bwarp'>");
  602. gridhtmlarr.push(" <div class='l-panel-body'>");
  603. gridhtmlarr.push(" <div class='l-grid'>");
  604. gridhtmlarr.push(" <div class='l-grid-dragging-line'></div>");
  605. gridhtmlarr.push(" <div class='l-grid-popup'><table cellpadding='0' cellspacing='0'><tbody></tbody></table></div>");
  606. gridhtmlarr.push(" <div class='l-grid1'>");
  607. gridhtmlarr.push(" <div class='l-grid-header l-grid-header1'>");
  608. gridhtmlarr.push(" <div class='l-grid-header-inner'><table class='l-grid-header-table' cellpadding='0' cellspacing='0'><tbody></tbody></table></div>");
  609. gridhtmlarr.push(" </div>");
  610. gridhtmlarr.push(" <div class='l-grid-body l-grid-body1'>");
  611. gridhtmlarr.push(" </div>");
  612. gridhtmlarr.push(" </div>");
  613. gridhtmlarr.push(" <div class='l-grid2'>");
  614. gridhtmlarr.push(" <div class='l-grid-header l-grid-header2'>");
  615. gridhtmlarr.push(" <div class='l-grid-header-inner'><table class='l-grid-header-table' cellpadding='0' cellspacing='0'><tbody></tbody></table></div>");
  616. gridhtmlarr.push(" </div>");
  617. gridhtmlarr.push(" <div class='l-grid-body l-grid-body2 l-scroll'>");
  618. gridhtmlarr.push(" </div>");
  619. gridhtmlarr.push(" </div>");
  620. gridhtmlarr.push(" </div>");
  621. gridhtmlarr.push(" </div>");
  622. gridhtmlarr.push(" </div>");
  623. gridhtmlarr.push(" <div class='l-panel-bar'>");
  624. gridhtmlarr.push(" <div class='l-panel-bbar-inner'>");
  625. gridhtmlarr.push(" <div class='l-bar-group l-bar-message'><span class='l-bar-text'></span></div>");
  626. gridhtmlarr.push(" <div class='l-bar-group l-bar-selectpagesize'></div>");
  627. gridhtmlarr.push(" <div class='l-bar-separator'></div>");
  628. gridhtmlarr.push(" <div class='l-bar-group'>");
  629. gridhtmlarr.push(" <div class='l-bar-button l-bar-btnfirst'><span></span></div>");
  630. gridhtmlarr.push(" <div class='l-bar-button l-bar-btnprev'><span></span></div>");
  631. gridhtmlarr.push(" </div>");
  632. gridhtmlarr.push(" <div class='l-bar-separator'></div>");
  633. gridhtmlarr.push(" <div class='l-bar-group'><span class='pcontrol'> <input type='text' size='4' value='1' style='width:20px' maxlength='3' /> / <span></span></span></div>");
  634. gridhtmlarr.push(" <div class='l-bar-separator'></div>");
  635. gridhtmlarr.push(" <div class='l-bar-group'>");
  636. gridhtmlarr.push(" <div class='l-bar-button l-bar-btnnext'><span></span></div>");
  637. gridhtmlarr.push(" <div class='l-bar-button l-bar-btnlast'><span></span></div>");
  638. gridhtmlarr.push(" </div>");
  639. gridhtmlarr.push(" <div class='l-bar-separator'></div>");
  640. gridhtmlarr.push(" <div class='l-bar-group'>");
  641. gridhtmlarr.push(" <div class='l-bar-button l-bar-btnload'><span></span></div>");
  642. gridhtmlarr.push(" </div>");
  643. gridhtmlarr.push(" <div class='l-bar-separator'></div>");
  644. gridhtmlarr.push(" <div class='l-clear'></div>");
  645. gridhtmlarr.push(" </div>");
  646. gridhtmlarr.push(" </div>");
  647. g.grid.html(gridhtmlarr.join(''));
  648. //头部
  649. g.header = $(".l-panel-header:first", g.grid);
  650. //主体
  651. g.body = $(".l-panel-body:first", g.grid);
  652. //底部工具条
  653. g.toolbar = $(".l-panel-bar:first", g.grid);
  654. //显示/隐藏列
  655. g.popup = $(".l-grid-popup:first", g.grid);
  656. //加载中
  657. g.gridloading = $(".l-grid-loading:first", g.grid);
  658. //调整列宽层
  659. g.draggingline = $(".l-grid-dragging-line", g.grid);
  660. //顶部工具栏
  661. g.topbar = $(".l-panel-topbar:first", g.grid);
  662. g.gridview = $(".l-grid:first", g.grid);
  663. g.gridview.attr("id", g.id + "grid");
  664. g.gridview1 = $(".l-grid1:first", g.gridview);
  665. g.gridview2 = $(".l-grid2:first", g.gridview);
  666. //表头
  667. g.gridheader = $(".l-grid-header:first", g.gridview2);
  668. //表主体
  669. g.gridbody = $(".l-grid-body:first", g.gridview2);
  670. //frozen
  671. g.f = {};
  672. //表头
  673. g.f.gridheader = $(".l-grid-header:first", g.gridview1);
  674. //表主体
  675. g.f.gridbody = $(".l-grid-body:first", g.gridview1);
  676. g.currentData = null;
  677. g.changedCells = {};
  678. g.editors = {}; //多编辑器同时存在
  679. g.editor = { editing: false }; //单编辑器,配置clickToEdit
  680. if (p.height == "auto")
  681. {
  682. g.bind("SysGridHeightChanged", function ()
  683. {
  684. if (g.enabledFrozen())
  685. g.gridview.height(Math.max(g.gridview1.height(), g.gridview2.height()));
  686. });
  687. }
  688. var pc = $.extend({}, p);
  689. this._bulid();
  690. this._setColumns(p.columns);
  691. delete pc['columns'];
  692. delete pc['data'];
  693. delete pc['url'];
  694. g.set(pc);
  695. if (!p.delayLoad)
  696. {
  697. if (p.url)
  698. g.set({ url: p.url });
  699. else if (p.data)
  700. g.set({ data: p.data });
  701. }
  702. },
  703. _setFrozen: function (frozen)
  704. {
  705. if (frozen)
  706. this.grid.addClass("l-frozen");
  707. else
  708. this.grid.removeClass("l-frozen");
  709. },
  710. _setCssClass: function (value)
  711. {
  712. this.grid.addClass(value);
  713. },
  714. _setLoadingMessage: function (value)
  715. {
  716. this.gridloading.html(value);
  717. },
  718. _setHeight: function (h)
  719. {
  720. var g = this, p = this.options;
  721. g.unbind("SysGridHeightChanged");
  722. g.bind("SysGridHeightChanged", function ()
  723. {
  724. if (g.enabledFrozen())
  725. g.gridview.height(Math.max(g.gridview1.height(), g.gridview2.height()));
  726. });
  727. var searchDivHeight=0;
  728. if(typeof h!='object'){
  729. h="77%";
  730. }
  731. if(($('.drop').html().indexOf("收起")>=0)){
  732. if(typeof h!='object'){
  733. searchDivHeight=$('#searchForm').height();
  734. }else{
  735. searchDivHeight=-6;
  736. }
  737. }else{
  738. if(typeof h=='object'){
  739. searchDivHeight=$('#searchForm').height()-6;
  740. }
  741. }
  742. h="77%";
  743. if (typeof h == "string" && h.indexOf('%') > 0)
  744. {
  745. if (p.InWindow)
  746. h = $(window).height() * parseFloat(h) * 0.01;
  747. else
  748. h = g.grid.parent().height() * parseFloat(h) * 0.01;
  749. }
  750. h-=searchDivHeight;
  751. if (p.title) h -= 24;
  752. if (p.usePager) h -= 32;
  753. if (p.totalRender) h -= 25;
  754. if (p.toolbar) h -= g.topbar.outerHeight();
  755. var gridHeaderHeight = p.headerRowHeight * (g._columnMaxLevel - 1) + p.headerRowHeight - 1;
  756. h -= gridHeaderHeight;
  757. if (h > 0)
  758. {
  759. g.gridbody.height(h);
  760. if (h > 18) g.f.gridbody.height(h - 18);
  761. g.gridview.height(h + gridHeaderHeight);
  762. }
  763. },
  764. _updateFrozenWidth: function ()
  765. {
  766. var g = this, p = this.options;
  767. if (g.enabledFrozen())
  768. {
  769. g.gridview1.width(g.f.gridtablewidth);
  770. var view2width = g.gridview.width() - g.f.gridtablewidth;
  771. g.gridview2.css({ left: g.f.gridtablewidth });
  772. if (view2width > 0) g.gridview2.css({ width: view2width });
  773. }
  774. },
  775. _setWidth: function (value)
  776. {
  777. var g = this, p = this.options;
  778. if (g.enabledFrozen()) g._onResize();
  779. },
  780. _setUrl: function (value)
  781. {
  782. this.options.url = value;
  783. if (value)
  784. {
  785. this.options.dataType = "server";
  786. this.loadData(true);
  787. }
  788. else
  789. {
  790. this.options.dataType = "local";
  791. }
  792. },
  793. _setData: function (value)
  794. {
  795. this.loadData(this.options.data);
  796. },
  797. //刷新数据
  798. loadData: function (loadDataParm)
  799. {
  800. var g = this, p = this.options;
  801. g.loading = true;
  802. var clause = null;
  803. var loadServer = true;
  804. if (typeof (loadDataParm) == "function")
  805. {
  806. clause = loadDataParm;
  807. loadServer = false;
  808. }
  809. else if (typeof (loadDataParm) == "boolean")
  810. {
  811. loadServer = loadDataParm;
  812. }
  813. else if (typeof (loadDataParm) == "object" && loadDataParm)
  814. {
  815. loadServer = false;
  816. p.dataType = "local";
  817. p.data = loadDataParm;
  818. }
  819. //参数初始化
  820. if (!p.newPage) p.newPage = 1;
  821. if (p.dataAction == "server")
  822. {
  823. if (!p.sortOrder) p.sortOrder = "asc";
  824. }
  825. var param = [];
  826. if (p.parms)
  827. {
  828. if (p.parms.length)
  829. {
  830. $(p.parms).each(function ()
  831. {
  832. param.push({ name: this.name, value: this.value });
  833. });
  834. }
  835. else if (typeof p.parms == "object")
  836. {
  837. for (var name in p.parms)
  838. {
  839. param.push({ name: name, value: p.parms[name] });
  840. }
  841. }
  842. }
  843. if (p.dataAction == "server")
  844. {
  845. if (p.usePager)
  846. {
  847. param.push({ name: p.pageParmName, value: p.newPage });
  848. param.push({ name: p.pagesizeParmName, value: p.pageSize });
  849. }
  850. if (p.sortName)
  851. {
  852. param.push({ name: p.sortnameParmName, value: p.sortName });
  853. param.push({ name: p.sortorderParmName, value: p.sortOrder });
  854. }
  855. };
  856. $(".l-bar-btnload span", g.toolbar).addClass("l-disabled");
  857. if (p.dataType == "local")
  858. {
  859. g.filteredData = g.data = p.data;
  860. if (clause)
  861. g.filteredData[p.root] = g._searchData(g.filteredData[p.root], clause);
  862. if (p.usePager)
  863. g.currentData = g._getCurrentPageData(g.filteredData);
  864. else
  865. {
  866. g.currentData = g.filteredData;
  867. }
  868. g._showData();
  869. }
  870. else if (p.dataAction == "local" && !loadServer)
  871. {
  872. if (g.data && g.data[p.root])
  873. {
  874. g.filteredData = g.data;
  875. if (clause)
  876. g.filteredData[p.root] = g._searchData(g.filteredData[p.root], clause);
  877. g.currentData = g._getCurrentPageData(g.filteredData);
  878. g._showData();
  879. }
  880. }
  881. else
  882. {
  883. g.loadServerData(param, clause);
  884. //g.loadServerData.ligerDefer(g, 10, [param, clause]);
  885. }
  886. g.loading = false;
  887. },
  888. loadServerData: function (param, clause)
  889. {
  890. var g = this, p = this.options;
  891. var ajaxOptions = {
  892. type: p.method,
  893. url: p.url,
  894. data: param,
  895. async: p.async,
  896. dataType: 'json',
  897. beforeSend: function ()
  898. {
  899. if (g.hasBind('loading'))
  900. {
  901. g.trigger('loading');
  902. }
  903. else
  904. {
  905. g.toggleLoading(true);
  906. }
  907. },
  908. success: function (data)
  909. {
  910. g.trigger('success', [data, g]);
  911. if (!data || !data[p.root] || !data[p.root].length)
  912. {
  913. g.currentData = g.data = {};
  914. g._getSearchData(data);
  915. return;
  916. }
  917. g.data = data;
  918. if (p.dataAction == "server")
  919. {
  920. g.currentData = g.data;
  921. }
  922. else
  923. {
  924. g.filteredData = g.data;
  925. if (clause) g.filteredData[p.root] = g._searchData(g.filteredData[p.root], clause);
  926. if (p.usePager)
  927. g.currentData = g._getCurrentPageData(g.filteredData);
  928. else
  929. g.currentData = g.filteredData;
  930. }
  931. g._showData.ligerDefer(g, 10, [g.currentData]);
  932. },
  933. complete: function ()
  934. {
  935. g.trigger('complete', [g]);
  936. if (g.hasBind('loaded'))
  937. {
  938. g.trigger('loaded', [g]);
  939. }
  940. else
  941. {
  942. g.toggleLoading.ligerDefer(g, 10, [false]);
  943. }
  944. },
  945. error: function (XMLHttpRequest, textStatus, errorThrown)
  946. {
  947. g.currentData = g.data = {};
  948. g.currentData[p.root] = g.data[p.root] = [];
  949. g.currentData[p.record] = g.data[p.record] = 0;
  950. g.toggleLoading.ligerDefer(g, 10, [false]);
  951. $(".l-bar-btnload span", g.toolbar).removeClass("l-disabled");
  952. g.trigger('error', [XMLHttpRequest, textStatus, errorThrown]);
  953. }
  954. };
  955. if (p.contentType) ajaxOptions.contentType = p.contentType;
  956. $.ajax(ajaxOptions);
  957. },
  958. toggleLoading: function (show)
  959. {
  960. this.gridloading[show ? 'show' : 'hide']();
  961. },
  962. _createEditor: function (editor, container, editParm, width, height)
  963. {
  964. var editorInput = editor.create(container, editParm);
  965. if (editor.setValue) editor.setValue(editorInput, editParm.value, editParm);
  966. if (editor.resize) editor.resize(editorInput, width, height, editParm);
  967. return editorInput;
  968. },
  969. /**
  970. * 自定义的用于解决不能填充其他框的内容。
  971. */
  972. insertValue: function(e){
  973. var g = this, p = this.options;
  974. var newRowData = $.extend(true, {}, e.rowdata);
  975. var newColumnsDatas={_editing:false};
  976. for(var col in e.currentColumns){
  977. newColumnsDatas[e.currentColumns[col]]=newRowData[e.currentColumns[col]];
  978. }
  979. var newdata = {};
  980. if (!g.editors[e.rowdata['__id']]) return;
  981. for (var columnid in g.editors[e.rowdata['__id']])
  982. {
  983. var o = g.editors[e.rowdata['__id']][columnid];
  984. var column = o.editParm.column;
  985. if (column.name)
  986. newdata[column.name] = o.editor.getValue(o.input, o.editParm);
  987. }
  988. $.extend(newRowData, newdata || {});
  989. $.extend(newRowData, newColumnsDatas || {});
  990. grid.beginEdit(newRowData);
  991. },
  992. /*
  993. @description 使一行进入编辑状态
  994. @param {rowParm} rowindex或者rowdata
  995. @param {containerBulider} 编辑器填充层构造器
  996. */
  997. beginEdit: function (rowParm, containerBulider)
  998. {
  999. var g = this, p = this.options;
  1000. if (!p.enabledEdit || p.clickToEdit) return;
  1001. var rowdata = g.getRow(rowParm);
  1002. if (rowdata._editing) return;
  1003. if (g.trigger('beginEdit', { record: rowdata, rowindex: rowdata['__index'] }) == false) return;
  1004. g.editors[rowdata['__id']] = {};
  1005. rowdata._editing = true;
  1006. g.reRender({ rowdata: rowdata });
  1007. containerBulider = containerBulider || function (rowdata, column)
  1008. {
  1009. var cellobj = g.getCellObj(rowdata, column);
  1010. var container = $(cellobj).html("");
  1011. g.setCellEditing(rowdata, column, true);
  1012. return container;
  1013. };
  1014. for (var i = 0, l = g.columns.length; i < l; i++)
  1015. {
  1016. var column = g.columns[i];
  1017. if (!column.name || !column.editor || !column.editor.type || !p.editors[column.editor.type]) continue;
  1018. var editor = p.editors[column.editor.type];
  1019. var editParm = { record: rowdata, value: rowdata[column.name], column: column, rowindex: rowdata['__index'], grid: g };
  1020. var container = containerBulider(rowdata, column);
  1021. var width = container.width(), height = container.height();
  1022. var editorInput = g._createEditor(editor, container, editParm, width, height);
  1023. g.editors[rowdata['__id']][column['__id']] = { editor: editor, input: editorInput, editParm: editParm, container: container };
  1024. }
  1025. g.trigger('afterBeginEdit', { record: rowdata, rowindex: rowdata['__index'] });
  1026. },
  1027. cancelEdit: function (rowParm)
  1028. {
  1029. var g = this;
  1030. if (rowParm == undefined)
  1031. {
  1032. for (var rowid in g.editors)
  1033. {
  1034. g.cancelEdit(rowid);
  1035. }
  1036. }
  1037. else
  1038. {
  1039. var rowdata = g.getRow(rowParm);
  1040. if (!g.editors[rowdata['__id']]) return;
  1041. if (g.trigger('cancelEdit', { record: rowdata, rowindex: rowdata['__index'] }) == false) return;
  1042. for (var columnid in g.editors[rowdata['__id']])
  1043. {
  1044. var o = g.editors[rowdata['__id']][columnid];
  1045. if (o.editor.destroy) o.editor.destroy(o.input, o.editParm);
  1046. }
  1047. delete g.editors[rowdata['__id']];
  1048. delete rowdata['_editing'];
  1049. g.reRender({ rowdata: rowdata });
  1050. }
  1051. },
  1052. addEditRow: function (rowdata)
  1053. {
  1054. this.submitEdit();
  1055. rowdata = this.add(rowdata);
  1056. this.beginEdit(rowdata);
  1057. },
  1058. submitEdit: function (rowParm)
  1059. {
  1060. var g = this, p = this.options;
  1061. if (rowParm == undefined)
  1062. {
  1063. for (var rowid in g.editors)
  1064. {
  1065. g.submitEdit(rowid);
  1066. }
  1067. }
  1068. else
  1069. {
  1070. var rowdata = g.getRow(rowParm);
  1071. var newdata = {};
  1072. var dateCols = {};
  1073. if (!g.editors[rowdata['__id']]) return;
  1074. for (var columnid in g.editors[rowdata['__id']])
  1075. {
  1076. var o = g.editors[rowdata['__id']][columnid];
  1077. var column = o.editParm.column;
  1078. if(column.editor["type"]=='date'){
  1079. dateCols[column["columnname"]]=column["format"]||"yyyy-MM-dd";
  1080. }
  1081. if (column.name)
  1082. newdata[column.name] = o.editor.getValue(o.input, o.editParm);
  1083. }
  1084. if (g.trigger('beforeSubmitEdit', { record: rowdata, rowindex: rowdata['__index'], newdata: newdata }) == false)
  1085. return false;
  1086. g.updateRow(rowdata, newdata);
  1087. $.extend(rowdata, newdata || {});
  1088. newdata=rowdata;
  1089. g.trigger('afterSubmitEdit', { record: rowdata, rowindex: rowdata['__index'], newdata: newdata ,dateCols :dateCols});
  1090. }
  1091. },
  1092. endEdit: function (rowParm)
  1093. {
  1094. var g = this, p = this.options;
  1095. if (g.editor.editing)
  1096. {
  1097. var o = g.editor;
  1098. g.trigger('sysEndEdit', [g.editor.editParm]);
  1099. g.trigger('endEdit', [g.editor.editParm]);
  1100. if (o.editor.destroy) o.editor.destroy(o.input, o.editParm);
  1101. g.editor.container.remove();
  1102. g.reRender({ rowdata: g.editor.editParm.record, column: g.editor.editParm.column });
  1103. g.trigger('afterEdit', [g.editor.editParm]);
  1104. g.editor = { editing: false };
  1105. }
  1106. else if (rowParm != undefined)
  1107. {
  1108. var rowdata = g.getRow(rowParm);
  1109. if (!g.editors[rowdata['__id']]) return;
  1110. if (g.submitEdit(rowParm) == false) return false;
  1111. for (var columnid in g.editors[rowdata['__id']])
  1112. {
  1113. var o = g.editors[rowdata['__id']][columnid];
  1114. if (o.editor.destroy) o.editor.destroy(o.input, o.editParm);
  1115. }
  1116. delete g.editors[rowdata['__id']];
  1117. delete rowdata['_editing'];
  1118. g.trigger('afterEdit', { record: rowdata, rowindex: rowdata['__index'] });
  1119. }
  1120. else
  1121. {
  1122. for (var rowid in g.editors)
  1123. {
  1124. g.endEdit(rowid);
  1125. }
  1126. }
  1127. },
  1128. setWidth: function (w)
  1129. {
  1130. return this._setWidth(w);
  1131. },
  1132. setHeight: function (h)
  1133. {
  1134. return this._setHeight(h);
  1135. },
  1136. //是否启用复选框列
  1137. enabledCheckbox: function ()
  1138. {
  1139. return this.options.checkbox ? true : false;
  1140. },
  1141. //是否固定列
  1142. enabledFrozen: function ()
  1143. {
  1144. var g = this, p = this.options;
  1145. if (!p.frozen) return false;
  1146. var cols = g.columns || [];
  1147. if (g.enabledDetail() && p.frozenDetail || g.enabledCheckbox() && p.frozenCheckbox
  1148. || p.frozenRownumbers && p.rownumbers) return true;
  1149. for (var i = 0, l = cols.length; i < l; i++)
  1150. {
  1151. if (cols[i].frozen)
  1152. {
  1153. return true;
  1154. }
  1155. }
  1156. this._setFrozen(false);
  1157. return false;
  1158. },
  1159. //是否启用明细编辑
  1160. enabledDetailEdit: function ()
  1161. {
  1162. if (!this.enabledDetail()) return false;
  1163. return this.options.detailToEdit ? true : false;
  1164. },
  1165. //是否启用明细列
  1166. enabledDetail: function ()
  1167. {
  1168. if (this.options.detail && this.options.detail.onShowDetail) return true;
  1169. return false;
  1170. },
  1171. //是否启用分组
  1172. enabledGroup: function ()
  1173. {
  1174. return this.options.groupColumnName ? true : false;
  1175. },
  1176. deleteSelectedRow: function ()
  1177. {
  1178. if (!this.selected) return;
  1179. for (var i in this.selected)
  1180. {
  1181. var o = this.selected[i];
  1182. if (o['__id'] in this.records)
  1183. this._deleteData.ligerDefer(this, 10, [o]);
  1184. }
  1185. this.reRender.ligerDefer(this, 20);
  1186. },
  1187. removeRange: function (rowArr)
  1188. {
  1189. var g = this, p = this.options;
  1190. $.each(rowArr, function ()
  1191. {
  1192. g._removeData(this);
  1193. });
  1194. g.reRender();
  1195. },
  1196. remove: function (rowParm)
  1197. {
  1198. var g = this, p = this.options;
  1199. var rowdata = g.getRow(rowParm);
  1200. g._removeData(rowParm);
  1201. g.reRender();
  1202. },
  1203. deleteRange: function (rowArr)
  1204. {
  1205. var g = this, p = this.options;
  1206. $.each(rowArr, function ()
  1207. {
  1208. g._deleteData(this);
  1209. });
  1210. g.reRender();
  1211. },
  1212. deleteRow: function (rowParm)
  1213. {
  1214. var g = this, p = this.options;
  1215. var rowdata = g.getRow(rowParm);
  1216. if (!rowdata) return;
  1217. g._deleteData(rowdata);
  1218. g.reRender();
  1219. g.isDataChanged = true;
  1220. },
  1221. _deleteData: function (rowParm)
  1222. {
  1223. var g = this, p = this.options;
  1224. var rowdata = g.getRow(rowParm);
  1225. rowdata[p.statusName] = 'delete';
  1226. if (p.tree)
  1227. {
  1228. var children = g.getChildren(rowdata, true);
  1229. if (children)
  1230. {
  1231. for (var i = 0, l = children.length; i < l; i++)
  1232. {
  1233. children[i][p.statusName] = 'delete';
  1234. }
  1235. }
  1236. }
  1237. g.deletedRows = g.deletedRows || [];
  1238. g.deletedRows.push(rowdata);
  1239. g._removeSelected(rowdata);
  1240. },
  1241. /*
  1242. @param {arg} column index、column name、column、单元格
  1243. @param {value} 值
  1244. @param {rowParm} rowindex或者rowdata
  1245. */
  1246. updateCell: function (arg, value, rowParm)
  1247. {
  1248. var g = this, p = this.options;
  1249. var column, cellObj, rowdata;
  1250. if (typeof (arg) == "string") //column name
  1251. {
  1252. for (var i = 0, l = g.columns.length; i < l; i++)
  1253. {
  1254. if (g.columns[i].name == arg)
  1255. {
  1256. g.updateCell(i, value, rowParm);
  1257. }
  1258. }
  1259. return;
  1260. }
  1261. if (typeof (arg) == "number")
  1262. {
  1263. column = g.columns[arg];
  1264. rowdata = g.getRow(rowParm);
  1265. cellObj = g.getCellObj(rowdata, column);
  1266. }
  1267. else if (typeof (arg) == "object" && arg['__id'])
  1268. {
  1269. column = arg;
  1270. rowdata = g.getRow(rowParm);
  1271. cellObj = g.getCellObj(rowdata, column);
  1272. }
  1273. else
  1274. {
  1275. cellObj = arg;
  1276. var ids = cellObj.id.split('|');
  1277. var columnid = ids[ids.length - 1];
  1278. column = g._columns[columnid];
  1279. var row = $(cellObj).parent();
  1280. rowdata = rowdata || g.getRow(row[0]);
  1281. }
  1282. if (value != null && column.name)
  1283. {
  1284. rowdata[column.name] = value;
  1285. if (rowdata[p.statusName] != 'add')
  1286. rowdata[p.statusName] = 'update';
  1287. g.isDataChanged = true;
  1288. }
  1289. g.reRender({ rowdata: rowdata, column: column });
  1290. },
  1291. addRows: function (rowdataArr, neardata, isBefore, parentRowData)
  1292. {
  1293. var g = this, p = this.options;
  1294. $(rowdataArr).each(function ()
  1295. {
  1296. g.addRow(this, neardata, isBefore, parentRowData);
  1297. });
  1298. },
  1299. _createRowid: function ()
  1300. {
  1301. return "r" + (1000 + this.recordNumber);
  1302. },
  1303. _isRowId: function (str)
  1304. {
  1305. return (str in this.records);
  1306. },
  1307. _addNewRecord: function (o, previd, pid)
  1308. {
  1309. var g = this, p = this.options;
  1310. g.recordNumber++;
  1311. o['__id'] = g._createRowid();
  1312. o['__previd'] = previd;
  1313. if (previd && previd != -1)
  1314. {
  1315. var prev = g.records[previd];
  1316. if (prev['__nextid'] && prev['__nextid'] != -1)
  1317. {
  1318. var prevOldNext = g.records[prev['__nextid']];
  1319. if (prevOldNext)
  1320. prevOldNext['__previd'] = o['__id'];
  1321. }
  1322. prev['__nextid'] = o['__id'];
  1323. o['__index'] = prev['__index'] + 1;
  1324. }
  1325. else
  1326. {
  1327. o['__index'] = 0;
  1328. }
  1329. if (p.tree)
  1330. {
  1331. if (pid && pid != -1)
  1332. {
  1333. var parent = g.records[pid];
  1334. o['__pid'] = pid;
  1335. o['__level'] = parent['__level'] + 1;
  1336. }
  1337. else
  1338. {
  1339. o['__pid'] = -1;
  1340. o['__level'] = 1;
  1341. }
  1342. o['__hasChildren'] = o[p.tree.childrenName] ? true : false;
  1343. }
  1344. if (o[p.statusName] != "add")
  1345. o[p.statusName] = "nochanged";
  1346. g.rows[o['__index']] = o;
  1347. g.records[o['__id']] = o;
  1348. return o;
  1349. },
  1350. //将原始的数据转换成适合 grid的行数据
  1351. _getRows: function (data)
  1352. {
  1353. var g = this, p = this.options;
  1354. var targetData = [];
  1355. function load(data)
  1356. {
  1357. if (!data || !data.length) return;
  1358. for (var i = 0, l = data.length; i < l; i++)
  1359. {
  1360. var o = data[i];
  1361. targetData.push(o);
  1362. if (o[p.tree.childrenName])
  1363. {
  1364. load(o[p.tree.childrenName]);
  1365. }
  1366. }
  1367. }
  1368. load(data);
  1369. return targetData;
  1370. },
  1371. _updateGridData: function ()
  1372. {
  1373. var g = this, p = this.options;
  1374. g.recordNumber = 0;
  1375. g.rows = [];
  1376. g.records = {};
  1377. var previd = -1;
  1378. function load(data, pid)
  1379. {
  1380. if (!data || !data.length) return;
  1381. for (var i = 0, l = data.length; i < l; i++)
  1382. {
  1383. var o = data[i];
  1384. g.formatRecord(o);
  1385. if (o[p.statusName] == "delete") continue;
  1386. g._addNewRecord(o, previd, pid);
  1387. previd = o['__id'];
  1388. if (o['__hasChildren'])
  1389. {
  1390. load(o[p.tree.childrenName], o['__id']);
  1391. }
  1392. }
  1393. }
  1394. load(g.currentData[p.root], -1);
  1395. return g.rows;
  1396. },
  1397. _moveData: function (from, to, isAfter)
  1398. {
  1399. var g = this, p = this.options;
  1400. var fromRow = g.getRow(from);
  1401. var toRow = g.getRow(to);
  1402. var fromIndex, toIndex;
  1403. var listdata = g._getParentChildren(fromRow);
  1404. fromIndex = $.inArray(fromRow, listdata);
  1405. listdata.splice(fromIndex, 1);
  1406. listdata = g._getParentChildren(toRow);
  1407. toIndex = $.inArray(toRow, listdata);
  1408. listdata.splice(toIndex + (isAfter ? 1 : 0), 0, fromRow);
  1409. },
  1410. move: function (from, to, isAfter)
  1411. {
  1412. this._moveData(from, to, isAfter);
  1413. this.reRender();
  1414. },
  1415. moveRange: function (rows, to, isAfter)
  1416. {
  1417. for (var i in rows)
  1418. {
  1419. this._moveData(rows[i], to, isAfter);
  1420. }
  1421. this.reRender();
  1422. },
  1423. up: function (rowParm)
  1424. {
  1425. var g = this, p = this.options;
  1426. var rowdata = g.getRow(rowParm);
  1427. var listdata = g._getParentChildren(rowdata);
  1428. var index = $.inArray(rowdata, listdata);
  1429. if (index == -1 || index == 0) return;
  1430. var selected = g.getSelected();
  1431. g.move(rowdata, listdata[index - 1], false);
  1432. g.select(selected);
  1433. },
  1434. down: function (rowParm)
  1435. {
  1436. var g = this, p = this.options;
  1437. var rowdata = g.getRow(rowParm);
  1438. var listdata = g._getParentChildren(rowdata);
  1439. var index = $.inArray(rowdata, listdata);
  1440. if (index == -1 || index == listdata.length - 1) return;
  1441. var selected = g.getSelected();
  1442. g.move(rowdata, listdata[index + 1], true);
  1443. g.select(selected);
  1444. },
  1445. addRow: function (rowdata, neardata, isBefore, parentRowData)
  1446. {
  1447. var g = this, p = this.options;
  1448. rowdata = rowdata || {};
  1449. g._addData(rowdata, parentRowData, neardata, isBefore);
  1450. g.reRender();
  1451. //标识状态
  1452. rowdata[p.statusName] = 'add';
  1453. if (p.tree)
  1454. {
  1455. var children = g.getChildren(rowdata, true);
  1456. if (children)
  1457. {
  1458. for (var i = 0, l = children.length; i < l; i++)
  1459. {
  1460. children[i][p.statusName] = 'add';
  1461. }
  1462. }
  1463. }
  1464. g.isDataChanged = true;
  1465. p.total = p.total ? (p.total + 1) : 1;
  1466. p.pageCount = Math.ceil(p.total / p.pageSize);
  1467. g._buildPager();
  1468. g.trigger('SysGridHeightChanged');
  1469. g.trigger('afterAddRow', [rowdata]);
  1470. return rowdata;
  1471. },
  1472. updateRow: function (rowDom, newRowData)
  1473. {
  1474. var g = this, p = this.options;
  1475. var rowdata = g.getRow(rowDom);
  1476. //标识状态
  1477. g.isDataChanged = true;
  1478. $.extend(rowdata, newRowData || {});
  1479. if (rowdata[p.statusName] != 'add')
  1480. rowdata[p.statusName] = 'update';
  1481. g.reRender.ligerDefer(g, 0, [{ rowdata: rowdata}]);
  1482. return rowdata;
  1483. },
  1484. setCellEditing: function (rowdata, column, editing)
  1485. {
  1486. var g = this, p = this.options;
  1487. var cell = g.getCellObj(rowdata, column);
  1488. var methodName = editing ? 'addClass' : 'removeClass';
  1489. $(cell)[methodName]("l-grid-row-cell-editing");
  1490. if (rowdata['__id'] != 0)
  1491. {
  1492. var prevrowobj = $(g.getRowObj(rowdata['__id'])).prev();
  1493. if (!prevrowobj.length) return;
  1494. var prevrow = g.getRow(prevrowobj[0]);
  1495. var cellprev = g.getCellObj(prevrow, column);
  1496. if (!cellprev) return;
  1497. $(cellprev)[methodName]("l-grid-row-cell-editing-topcell");
  1498. }
  1499. if (column['__previd'] != -1 && column['__previd'] != null)
  1500. {
  1501. var cellprev = $(g.getCellObj(rowdata, column)).prev();
  1502. $(cellprev)[methodName]("l-grid-row-cell-editing-leftcell");
  1503. }
  1504. },
  1505. reRender: function (e)
  1506. {
  1507. var g = this, p = this.options;
  1508. e = e || {};
  1509. var rowdata = e.rowdata, column = e.column;
  1510. if (column && (column.isdetail || column.ischeckbox)) return;
  1511. if (rowdata && rowdata[p.statusName] == "delete") return;
  1512. if (rowdata && column)
  1513. {
  1514. var cell = g.getCellObj(rowdata, column);
  1515. $(cell).html(g._getCellHtml(rowdata, column));
  1516. if (!column.issystem)
  1517. g.setCellEditing(rowdata, column, false);
  1518. }
  1519. else if (rowdata)
  1520. {
  1521. $(g.columns).each(function () { g.reRender({ rowdata: rowdata, column: this }); });
  1522. }
  1523. else if (column)
  1524. {
  1525. for (var rowid in g.records) { g.reRender({ rowdata: g.records[rowid], column: column }); }
  1526. for (var i = 0; i < g.totalNumber; i++)
  1527. {
  1528. var tobj = document.getElementById(g.id + "|total" + i + "|" + column['__id']);
  1529. $("div:first", tobj).html(g._getTotalCellContent(column, g.groups && g.groups[i] ? g.groups[i] : g.currentData[p.root]));
  1530. }
  1531. }
  1532. else
  1533. {
  1534. g._showData();
  1535. }
  1536. },
  1537. getData: function (status, removeStatus)
  1538. {
  1539. var g = this, p = this.options;
  1540. var data = [];
  1541. for (var rowid in g.records)
  1542. {
  1543. var o = $.extend(true, {}, g.records[rowid]);
  1544. if (o[p.statusName] == status || status == undefined)
  1545. {
  1546. data.push(g.formatRecord(o, removeStatus));
  1547. }
  1548. }
  1549. return data;
  1550. },
  1551. //格式化数据
  1552. formatRecord: function (o, removeStatus)
  1553. {
  1554. delete o['__id'];
  1555. delete o['__previd'];
  1556. delete o['__nextid'];
  1557. delete o['__index'];
  1558. if (this.options.tree)
  1559. {
  1560. delete o['__pid'];
  1561. delete o['__level'];
  1562. delete o['__hasChildren'];
  1563. }
  1564. if (removeStatus) delete o[this.options.statusName];
  1565. return o;
  1566. },
  1567. getUpdated: function ()
  1568. {
  1569. return this.getData('update', true);
  1570. },
  1571. getDeleted: function ()
  1572. {
  1573. return this.deletedRows;
  1574. },
  1575. getAdded: function ()
  1576. {
  1577. return this.getData('add', true);
  1578. },
  1579. getColumn: function (columnParm)
  1580. {
  1581. var g = this, p = this.options;
  1582. if (typeof columnParm == "string") // column id
  1583. {
  1584. if (g._isColumnId(columnParm))
  1585. return g._columns[columnParm];
  1586. else
  1587. return g.columns[parseInt(columnParm)];
  1588. }
  1589. else if (typeof (columnParm) == "number") //column index
  1590. {
  1591. return g.columns[columnParm];
  1592. }
  1593. else if (typeof columnParm == "object" && columnParm.nodeType == 1) //column header cell
  1594. {
  1595. var ids = columnParm.id.split('|');
  1596. var columnid = ids[ids.length - 1];
  1597. return g._columns[columnid];
  1598. }
  1599. return columnParm;
  1600. },
  1601. getColumnType: function (columnname)
  1602. {
  1603. var g = this, p = this.options;
  1604. for (i = 0; i < g.columns.length; i++)
  1605. {
  1606. if (g.columns[i].name == columnname)
  1607. {
  1608. if (g.columns[i].type) return g.columns[i].type;
  1609. return "string";
  1610. }
  1611. }
  1612. return null;
  1613. },
  1614. //是否包含汇总
  1615. isTotalSummary: function ()
  1616. {
  1617. var g = this, p = this.options;
  1618. for (var i = 0; i < g.columns.length; i++)
  1619. {
  1620. if (g.columns[i].totalSummary) return true;
  1621. }
  1622. return false;
  1623. },
  1624. //根据层次获取列集合
  1625. //如果columnLevel为空,获取叶节点集合
  1626. getColumns: function (columnLevel)
  1627. {
  1628. var g = this, p = this.options;
  1629. var columns = [];
  1630. for (var id in g._columns)
  1631. {
  1632. var col = g._columns[id];
  1633. if (columnLevel != undefined)
  1634. {
  1635. if (col['__level'] == columnLevel) columns.push(col);
  1636. }
  1637. else
  1638. {
  1639. if (col['__leaf']) columns.push(col);
  1640. }
  1641. }
  1642. return columns;
  1643. },
  1644. //改变排序
  1645. changeSort: function (columnName, sortOrder)
  1646. {
  1647. var g = this, p = this.options;
  1648. if (g.loading) return true;
  1649. if (p.dataAction == "local")
  1650. {
  1651. var columnType = g.getColumnType(columnName);
  1652. if (!g.sortedData)
  1653. g.sortedData = g.filteredData;
  1654. if (p.sortName == columnName)
  1655. {
  1656. g.sortedData[p.root].reverse();
  1657. } else
  1658. {
  1659. g.sortedData[p.root].sort(function (data1, data2)
  1660. {
  1661. return g._compareData(data1, data2, columnName, columnType);
  1662. });
  1663. }
  1664. if (p.usePager)
  1665. g.currentData = g._getCurrentPageData(g.sortedData);
  1666. else
  1667. g.currentData = g.sortedData;
  1668. g._showData();
  1669. }
  1670. p.sortName = columnName;
  1671. p.sortOrder = sortOrder;
  1672. if (p.dataAction == "server")
  1673. {
  1674. g.loadData(p.where);
  1675. }
  1676. },
  1677. //改变分页
  1678. changePage: function (ctype)
  1679. {
  1680. var g = this, p = this.options;
  1681. if (g.loading) return true;
  1682. if (p.dataAction != "local" && g.isDataChanged && !confirm(p.isContinueByDataChanged))
  1683. return false;
  1684. p.pageCount = parseInt($(".pcontrol span", g.toolbar).html());
  1685. p.isAdding=false;
  1686. switch (ctype)
  1687. {
  1688. case 'first': if (p.page == 1) return; p.newPage = 1; break;
  1689. case 'prev': if (p.page == 1) return; if (p.page > 1) p.newPage = parseInt(p.page) - 1; break;
  1690. case 'next': if (p.page >= p.pageCount) return; p.newPage = parseInt(p.page) + 1; break;
  1691. case 'last': if (p.page >= p.pageCount) return; p.newPage = p.pageCount; break;
  1692. case 'input':
  1693. var nv = parseInt($('.pcontrol input', g.toolbar).val());
  1694. if (isNaN(nv)) nv = 1;
  1695. if (nv < 1) nv = 1;
  1696. else if (nv > p.pageCount) nv = p.pageCount;
  1697. $('.pcontrol input', g.toolbar).val(nv);
  1698. p.newPage = nv;
  1699. break;
  1700. }
  1701. if (p.newPage == p.page) return false;
  1702. if (p.newPage == 1)
  1703. {
  1704. $(".l-bar-btnfirst span", g.toolbar).addClass("l-disabled");
  1705. $(".l-bar-btnprev span", g.toolbar).addClass("l-disabled");
  1706. }
  1707. else
  1708. {
  1709. $(".l-bar-btnfirst span", g.toolbar).removeClass("l-disabled");
  1710. $(".l-bar-btnprev span", g.toolbar).removeClass("l-disabled");
  1711. }
  1712. if (p.newPage == p.pageCount)
  1713. {
  1714. $(".l-bar-btnlast span", g.toolbar).addClass("l-disabled");
  1715. $(".l-bar-btnnext span", g.toolbar).addClass("l-disabled");
  1716. }
  1717. else
  1718. {
  1719. $(".l-bar-btnlast span", g.toolbar).removeClass("l-disabled");
  1720. $(".l-bar-btnnext span", g.toolbar).removeClass("l-disabled");
  1721. }
  1722. g.trigger('changePage', [p.newPage]);
  1723. if (p.dataAction == "server")
  1724. {
  1725. g.loadData(p.where);
  1726. }
  1727. else
  1728. {
  1729. g.currentData = g._getCurrentPageData(g.filteredData);
  1730. g._showData();
  1731. }
  1732. },
  1733. getSelectedRow: function ()
  1734. {
  1735. for (var i in this.selected)
  1736. {
  1737. var o = this.selected[i];
  1738. if (o['__id'] in this.records)
  1739. return o;
  1740. }
  1741. return null;
  1742. },
  1743. getSelectedRows: function ()
  1744. {
  1745. var arr = [];
  1746. for (var i in this.selected)
  1747. {
  1748. var o = this.selected[i];
  1749. if (o['__id'] in this.records)
  1750. arr.push(o);
  1751. }
  1752. return arr;
  1753. },
  1754. getSelectedRowObj: function ()
  1755. {
  1756. for (var i in this.selected)
  1757. {
  1758. var o = this.selected[i];
  1759. if (o['__id'] in this.records)
  1760. return this.getRowObj(o);
  1761. }
  1762. return null;
  1763. },
  1764. getSelectedRowObjs: function ()
  1765. {
  1766. var arr = [];
  1767. for (var i in this.selected)
  1768. {
  1769. var o = this.selected[i];
  1770. if (o['__id'] in this.records)
  1771. arr.push(this.getRowObj(o));
  1772. }
  1773. return arr;
  1774. },
  1775. getCellObj: function (rowParm, column)
  1776. {
  1777. var rowdata = this.getRow(rowParm);
  1778. column = this.getColumn(column);
  1779. return document.getElementById(this._getCellDomId(rowdata, column));
  1780. },
  1781. getRowObj: function (rowParm, frozen)
  1782. {
  1783. var g = this, p = this.options;
  1784. if (rowParm == null) return null;
  1785. if (typeof (rowParm) == "string")
  1786. {
  1787. if (g._isRowId(rowParm))
  1788. return document.getElementById(g.id + (frozen ? "|1|" : "|2|") + rowParm);
  1789. else
  1790. return document.getElementById(g.id + (frozen ? "|1|" : "|2|") + g.rows[parseInt(rowParm)]['__id']);
  1791. }
  1792. else if (typeof (rowParm) == "number")
  1793. {
  1794. return document.getElementById(g.id + (frozen ? "|1|" : "|2|") + g.rows[rowParm]['__id']);
  1795. }
  1796. else if (typeof (rowParm) == "object" && rowParm['__id']) //rowdata
  1797. {
  1798. return g.getRowObj(rowParm['__id'], frozen);
  1799. }
  1800. return rowParm;
  1801. },
  1802. getRow: function (rowParm)
  1803. {
  1804. var g = this, p = this.options;
  1805. if (rowParm == null) return null;
  1806. if (typeof (rowParm) == "string")
  1807. {
  1808. if (g._isRowId(rowParm))
  1809. return g.records[rowParm];
  1810. else
  1811. return g.rows[parseInt(rowParm)];
  1812. }
  1813. else if (typeof (rowParm) == "number")
  1814. {
  1815. return g.rows[parseInt(rowParm)];
  1816. }
  1817. else if (typeof (rowParm) == "object" && rowParm.nodeType == 1 && !rowParm['__id']) //dom对象
  1818. {
  1819. return g._getRowByDomId(rowParm.id);
  1820. }
  1821. return rowParm;
  1822. },
  1823. _setColumnVisible: function (column, hide)
  1824. {
  1825. var g = this, p = this.options;
  1826. if (!hide) //显示
  1827. {
  1828. column._hide = false;
  1829. document.getElementById(column['__domid']).style.display = "";
  1830. //判断分组列是否隐藏,如果隐藏了则显示出来
  1831. if (column['__pid'] != -1)
  1832. {
  1833. var pcol = g._columns[column['__pid']];
  1834. if (pcol._hide)
  1835. {
  1836. document.getElementById(pcol['__domid']).style.display = "";
  1837. this._setColumnVisible(pcol, hide);
  1838. }
  1839. }
  1840. }
  1841. else //隐藏
  1842. {
  1843. column._hide = true;
  1844. document.getElementById(column['__domid']).style.display = "none";
  1845. //判断同分组的列是否都隐藏,如果是则隐藏分组列
  1846. if (column['__pid'] != -1)
  1847. {
  1848. var hideall = true;
  1849. var pcol = this._columns[column['__pid']];
  1850. for (var i = 0; pcol && i < pcol.columns.length; i++)
  1851. {
  1852. if (!pcol.columns[i]._hide)
  1853. {
  1854. hideall = false;
  1855. break;
  1856. }
  1857. }
  1858. if (hideall)
  1859. {
  1860. pcol._hide = true;
  1861. document.getElementById(pcol['__domid']).style.display = "none";
  1862. this._setColumnVisible(pcol, hide);
  1863. }
  1864. }
  1865. }
  1866. },
  1867. //显示隐藏列
  1868. toggleCol: function (columnparm, visible, toggleByPopup)
  1869. {
  1870. var g = this, p = this.options;
  1871. var column;
  1872. if (typeof (columnparm) == "number")
  1873. {
  1874. column = g.columns[columnparm];
  1875. }
  1876. else if (typeof (columnparm) == "object" && columnparm['__id'])
  1877. {
  1878. column = columnparm;
  1879. }
  1880. else if (typeof (columnparm) == "string")
  1881. {
  1882. if (g._isColumnId(columnparm)) // column id
  1883. {
  1884. column = g._columns[columnparm];
  1885. }
  1886. else // column name
  1887. {
  1888. $(g.columns).each(function ()
  1889. {
  1890. if (this.name == columnparm)
  1891. g.toggleCol(this, visible, toggleByPopup);
  1892. });
  1893. return;
  1894. }
  1895. }
  1896. if (!column) return;
  1897. var columnindex = column['__leafindex'];
  1898. var headercell = document.getElementById(column['__domid']);
  1899. if (!headercell) return;
  1900. headercell = $(headercell);
  1901. var cells = [];
  1902. for (var i in g.rows)
  1903. {
  1904. var obj = g.getCellObj(g.rows[i], column);
  1905. if (obj) cells.push(obj);
  1906. }
  1907. for (var i = 0; i < g.totalNumber; i++)
  1908. {
  1909. var tobj = document.getElementById(g.id + "|total" + i + "|" + column['__id']);
  1910. if (tobj) cells.push(tobj);
  1911. }
  1912. var colwidth = column._width;
  1913. //显示列
  1914. if (visible && column._hide)
  1915. {
  1916. if (column.frozen)
  1917. g.f.gridtablewidth += (parseInt(colwidth) + 1);
  1918. else
  1919. g.gridtablewidth += (parseInt(colwidth) + 1);
  1920. g._setColumnVisible(column, false);
  1921. $(cells).show();
  1922. }
  1923. //隐藏列
  1924. else if (!visible && !column._hide)
  1925. {
  1926. if (column.frozen)
  1927. g.f.gridtablewidth -= (parseInt(colwidth) + 1);
  1928. else
  1929. g.gridtablewidth -= (parseInt(colwidth) + 1);
  1930. g._setColumnVisible(column, true);
  1931. $(cells).hide();
  1932. }
  1933. if (column.frozen)
  1934. {
  1935. $("div:first", g.f.gridheader).width(g.f.gridtablewidth);
  1936. $("div:first", g.f.gridbody).width(g.f.gridtablewidth);
  1937. }
  1938. else
  1939. {
  1940. $("div:first", g.gridheader).width(g.gridtablewidth + 40);
  1941. $("div:first", g.gridbody).width(g.gridtablewidth);
  1942. }
  1943. g._updateFrozenWidth();
  1944. if (!toggleByPopup)
  1945. {
  1946. $(':checkbox[columnindex=' + columnindex + "]", g.popup).each(function ()
  1947. {
  1948. this.checked = visible;
  1949. if ($.fn.ligerCheckBox)
  1950. {
  1951. var checkboxmanager = $(this).ligerGetCheckBoxManager();
  1952. if (checkboxmanager) checkboxmanager.updateStyle();
  1953. }
  1954. });
  1955. }
  1956. },
  1957. //设置列宽
  1958. setColumnWidth: function (columnparm, newwidth)
  1959. {
  1960. var g = this, p = this.options;
  1961. if (!newwidth) return;
  1962. newwidth = parseInt(newwidth, 10);
  1963. var column;
  1964. if (typeof (columnparm) == "number")
  1965. {
  1966. column = g.columns[columnparm];
  1967. }
  1968. else if (typeof (columnparm) == "object" && columnparm['__id'])
  1969. {
  1970. column = columnparm;
  1971. }
  1972. else if (typeof (columnparm) == "string")
  1973. {
  1974. if (g._isColumnId(columnparm)) // column id
  1975. {
  1976. column = g._columns[columnparm];
  1977. }
  1978. else // column name
  1979. {
  1980. $(g.columns).each(function ()
  1981. {
  1982. if (this.name == columnparm)
  1983. g.setColumnWidth(this, newwidth);
  1984. });
  1985. return;
  1986. }
  1987. }
  1988. if (!column) return;
  1989. var mincolumnwidth = p.minColumnWidth;
  1990. if (column.minWidth) mincolumnwidth = column.minWidth;
  1991. newwidth = newwidth < mincolumnwidth ? mincolumnwidth : newwidth;
  1992. var diff = newwidth - column._width;
  1993. if (g.trigger('beforeChangeColumnWidth', [column, newwidth]) == false) return;
  1994. column._width = newwidth;
  1995. if (column.frozen)
  1996. {
  1997. g.f.gridtablewidth += diff;
  1998. $("div:first", g.f.gridheader).width(g.f.gridtablewidth);
  1999. $("div:first", g.f.gridbody).width(g.f.gridtablewidth);
  2000. }
  2001. else
  2002. {
  2003. g.gridtablewidth += diff;
  2004. $("div:first", g.gridheader).width(g.gridtablewidth + 40);
  2005. $("div:first", g.gridbody).width(g.gridtablewidth);
  2006. }
  2007. //修复调整列宽后不对其的bug
  2008. var headCol=$(document.getElementById(column['__domid']));
  2009. var headColInner=headCol[0].children;
  2010. headCol.css('width', newwidth);
  2011. $(headColInner).css('width', newwidth-2);
  2012. var cells = [];
  2013. for (var rowid in g.records)
  2014. {
  2015. var obj = g.getCellObj(g.records[rowid], column);
  2016. if (obj) cells.push(obj);
  2017. if (!g.enabledDetailEdit() && g.editors[rowid] && g.editors[rowid][column['__id']])
  2018. {
  2019. var o = g.editors[rowid][column['__id']];
  2020. if (o.editor.resize) o.editor.resize(o.input, newwidth, o.container.height(), o.editParm);
  2021. }
  2022. }
  2023. for (var i = 0; i < g.totalNumber; i++)
  2024. {
  2025. var tobj = document.getElementById(g.id + "|total" + i + "|" + column['__id']);
  2026. if (tobj) cells.push(tobj);
  2027. }
  2028. $(cells).css('width', newwidth).find("> div.l-grid-row-cell-inner:first").css('width', newwidth - 8);
  2029. g._updateFrozenWidth();
  2030. g.trigger('afterChangeColumnWidth', [column, newwidth]);
  2031. },
  2032. //改变列表头内容
  2033. changeHeaderText: function (columnparm, headerText)
  2034. {
  2035. var g = this, p = this.options;
  2036. var column;
  2037. if (typeof (columnparm) == "number")
  2038. {
  2039. column = g.columns[columnparm];
  2040. }
  2041. else if (typeof (columnparm) == "object" && columnparm['__id'])
  2042. {
  2043. column = columnparm;
  2044. }
  2045. else if (typeof (columnparm) == "string")
  2046. {
  2047. if (g._isColumnId(columnparm)) // column id
  2048. {
  2049. column = g._columns[columnparm];
  2050. }
  2051. else // column name
  2052. {
  2053. $(g.columns).each(function ()
  2054. {
  2055. if (this.name == columnparm)
  2056. g.changeHeaderText(this, headerText);
  2057. });
  2058. return;
  2059. }
  2060. }
  2061. if (!column) return;
  2062. var columnindex = column['__leafindex'];
  2063. var headercell = document.getElementById(column['__domid']);
  2064. $(".l-grid-hd-cell-text", headercell).html(headerText);
  2065. if (p.allowHideColumn)
  2066. {
  2067. $(':checkbox[columnindex=' + columnindex + "]", g.popup).parent().next().html(headerText);
  2068. }
  2069. },
  2070. //改变列的位置
  2071. changeCol: function (from, to, isAfter)
  2072. {
  2073. var g = this, p = this.options;
  2074. if (!from || !to) return;
  2075. var fromCol = g.getColumn(from);
  2076. var toCol = g.getColumn(to);
  2077. fromCol.frozen = toCol.frozen;
  2078. var fromColIndex, toColIndex;
  2079. var fromColumns = fromCol['__pid'] == -1 ? p.columns : g._columns[fromCol['__pid']].columns;
  2080. var toColumns = toCol['__pid'] == -1 ? p.columns : g._columns[toCol['__pid']].columns;
  2081. fromColIndex = $.inArray(fromCol, fromColumns);
  2082. toColIndex = $.inArray(toCol, toColumns);
  2083. var sameParent = fromColumns == toColumns;
  2084. var sameLevel = fromCol['__level'] == toCol['__level'];
  2085. toColumns.splice(toColIndex + (isAfter ? 1 : 0), 0, fromCol);
  2086. if (!sameParent)
  2087. {
  2088. fromColumns.splice(fromColIndex, 1);
  2089. }
  2090. else
  2091. {
  2092. if (isAfter) fromColumns.splice(fromColIndex, 1);
  2093. else fromColumns.splice(fromColIndex + 1, 1);
  2094. }
  2095. g._setColumns(p.columns);
  2096. g.reRender();
  2097. },
  2098. collapseDetail: function (rowParm)
  2099. {
  2100. var g = this, p = this.options;
  2101. var rowdata = g.getRow(rowParm);
  2102. if (!rowdata) return;
  2103. for (var i = 0, l = g.columns.length; i < l; i++)
  2104. {
  2105. if (g.columns[i].isdetail)
  2106. {
  2107. var row = g.getRowObj(rowdata);
  2108. var cell = g.getCellObj(rowdata, g.columns[i]);
  2109. $(row).next("tr.l-grid-detailpanel").hide();
  2110. $(".l-grid-row-cell-detailbtn:first", cell).removeClass("l-open");
  2111. g.trigger('SysGridHeightChanged');
  2112. return;
  2113. }
  2114. }
  2115. },
  2116. extendDetail: function (rowParm)
  2117. {
  2118. var g = this, p = this.options;
  2119. var rowdata = g.getRow(rowParm);
  2120. if (!rowdata) return;
  2121. for (var i = 0, l = g.columns; i < l; i++)
  2122. {
  2123. if (g.columns[i].isdetail)
  2124. {
  2125. var row = g.getRowObj(rowdata);
  2126. var cell = g.getCellObj(rowdata, g.columns[i]);
  2127. $(row).next("tr.l-grid-detailpanel").show();
  2128. $(".l-grid-row-cell-detailbtn:first", cell).addClass("l-open");
  2129. g.trigger('SysGridHeightChanged');
  2130. return;
  2131. }
  2132. }
  2133. },
  2134. getParent: function (rowParm)
  2135. {
  2136. var g = this, p = this.options;
  2137. if (!p.tree) return null;
  2138. var rowdata = g.getRow(rowParm);
  2139. if (!rowdata) return null;
  2140. if (rowdata['__pid'] in g.records) return g.records[rowdata['__pid']];
  2141. else return null;
  2142. },
  2143. getChildren: function (rowParm, deep)
  2144. {
  2145. var g = this, p = this.options;
  2146. if (!p.tree) return null;
  2147. var rowData = g.getRow(rowParm);
  2148. if (!rowData) return null;
  2149. var arr = [];
  2150. function loadChildren(data)
  2151. {
  2152. if (data[p.tree.childrenName])
  2153. {
  2154. for (var i = 0, l = data[p.tree.childrenName].length; i < l; i++)
  2155. {
  2156. var o = data[p.tree.childrenName][i];
  2157. if (o['__status'] == 'delete') continue;
  2158. arr.push(o);
  2159. if (deep)
  2160. loadChildren(o);
  2161. }
  2162. }
  2163. }
  2164. loadChildren(rowData);
  2165. return arr;
  2166. },
  2167. isLeaf: function (rowParm)
  2168. {
  2169. var g = this, p = this.options;
  2170. var rowdata = g.getRow(rowParm);
  2171. if (!rowdata) return;
  2172. return rowdata['__hasChildren'] ? false : true;
  2173. },
  2174. hasChildren: function (rowParm)
  2175. {
  2176. var g = this, p = this.options;
  2177. var rowdata = this.getRow(rowParm);
  2178. if (!rowdata) return;
  2179. return (rowdata[p.tree.childrenName] && rowdata[p.tree.childrenName].length) ? true : false;
  2180. },
  2181. existRecord: function (record)
  2182. {
  2183. for (var rowid in this.records)
  2184. {
  2185. if (this.records[rowid] == record) return true;
  2186. }
  2187. return false;
  2188. },
  2189. _removeSelected: function (rowdata)
  2190. {
  2191. var g = this, p = this.options;
  2192. if (p.tree)
  2193. {
  2194. var children = g.getChildren(rowdata, true);
  2195. if (children)
  2196. {
  2197. for (var i = 0, l = children.length; i < l; i++)
  2198. {
  2199. var index2 = $.inArray(children[i], g.selected);
  2200. if (index2 != -1) g.selected.splice(index2, 1);
  2201. }
  2202. }
  2203. }
  2204. var index = $.inArray(rowdata, g.selected);
  2205. if (index != -1) g.selected.splice(index, 1);
  2206. },
  2207. _getParentChildren: function (rowParm)
  2208. {
  2209. var g = this, p = this.options;
  2210. var rowdata = g.getRow(rowParm);
  2211. var listdata;
  2212. if (p.tree && g.existRecord(rowdata) && rowdata['__pid'] in g.records)
  2213. {
  2214. listdata = g.records[rowdata['__pid']][p.tree.childrenName];
  2215. }
  2216. else
  2217. {
  2218. listdata = g.currentData[p.root];
  2219. }
  2220. return listdata;
  2221. },
  2222. _removeData: function (rowdata)
  2223. {
  2224. var g = this, p = this.options;
  2225. var listdata = g._getParentChildren(rowdata);
  2226. var index = $.inArray(rowdata, listdata);
  2227. if (index != -1)
  2228. {
  2229. listdata.splice(index, 1);
  2230. }
  2231. g._removeSelected(rowdata);
  2232. },
  2233. _addData: function (rowdata, parentdata, neardata, isBefore)
  2234. {
  2235. var g = this, p = this.options;
  2236. var listdata = g.currentData[p.root];
  2237. if (neardata)
  2238. {
  2239. if (p.tree)
  2240. {
  2241. if (parentdata)
  2242. listdata = parentdata[p.tree.childrenName];
  2243. else if (neardata['__pid'] in g.records)
  2244. listdata = g.records[neardata['__pid']][p.tree.childrenName];
  2245. }
  2246. var index = $.inArray(neardata, listdata);
  2247. listdata.splice(index == -1 ? -1 : index + (isBefore ? 0 : 1), 0, rowdata);
  2248. }
  2249. else
  2250. {
  2251. if (p.tree && parentdata)
  2252. {
  2253. listdata = parentdata[p.tree.childrenName];
  2254. }
  2255. listdata.push(rowdata);
  2256. }
  2257. },
  2258. //移动数据(树)
  2259. //@parm [parentdata] 附加到哪一个节点下级
  2260. //@parm [neardata] 附加到哪一个节点的上方/下方
  2261. //@parm [isBefore] 是否附加到上方
  2262. _appendData: function (rowdata, parentdata, neardata, isBefore)
  2263. {
  2264. var g = this, p = this.options;
  2265. rowdata[p.statusName] = "update";
  2266. g._removeData(rowdata);
  2267. g._addData(rowdata, parentdata, neardata, isBefore);
  2268. },
  2269. appendRange: function (rows, parentdata, neardata, isBefore)
  2270. {
  2271. var g = this, p = this.options;
  2272. var toRender = false;
  2273. $.each(rows, function (i, item)
  2274. {
  2275. if (item['__id'] && g.existRecord(item))
  2276. {
  2277. if (g.isLeaf(parentdata)) g.upgrade(parentdata);
  2278. g._appendData(item, parentdata, neardata, isBefore);
  2279. toRender = true;
  2280. }
  2281. else
  2282. {
  2283. g.appendRow(item, parentdata, neardata, isBefore);
  2284. }
  2285. });
  2286. if (toRender) g.reRender();
  2287. },
  2288. appendRow: function (rowdata, parentdata, neardata, isBefore)
  2289. {
  2290. var g = this, p = this.options;
  2291. if ($.isArray(rowdata))
  2292. {
  2293. g.appendRange(rowdata, parentdata, neardata, isBefore);
  2294. return;
  2295. }
  2296. if (rowdata['__id'] && g.existRecord(rowdata))
  2297. {
  2298. g._appendData(rowdata, parentdata, neardata, isBefore);
  2299. g.reRender();
  2300. return;
  2301. }
  2302. if (parentdata && g.isLeaf(parentdata)) g.upgrade(parentdata);
  2303. g.addRow(rowdata, neardata, isBefore ? true : false, parentdata);
  2304. },
  2305. upgrade: function (rowParm)
  2306. {
  2307. var g = this, p = this.options;
  2308. var rowdata = g.getRow(rowParm);
  2309. if (!rowdata || !p.tree) return;
  2310. rowdata[p.tree.childrenName] = rowdata[p.tree.childrenName] || [];
  2311. rowdata['__hasChildren'] = true;
  2312. var rowobjs = [g.getRowObj(rowdata)];
  2313. if (g.enabledFrozen()) rowobjs.push(g.getRowObj(rowdata, true));
  2314. $("> td > div > .l-grid-tree-space:last", rowobjs).addClass("l-grid-tree-link l-grid-tree-link-open");
  2315. },
  2316. demotion: function (rowParm)
  2317. {
  2318. var g = this, p = this.options;
  2319. var rowdata = g.getRow(rowParm);
  2320. if (!rowdata || !p.tree) return;
  2321. var rowobjs = [g.getRowObj(rowdata)];
  2322. if (g.enabledFrozen()) rowobjs.push(g.getRowObj(rowdata, true));
  2323. $("> td > div > .l-grid-tree-space:last", rowobjs).removeClass("l-grid-tree-link l-grid-tree-link-open l-grid-tree-link-close");
  2324. if (g.hasChildren(rowdata))
  2325. {
  2326. var children = g.getChildren(rowdata);
  2327. for (var i = 0, l = children.length; i < l; i++)
  2328. {
  2329. g.deleteRow(children[i]);
  2330. }
  2331. }
  2332. rowdata['__hasChildren'] = false;
  2333. },
  2334. collapse: function (rowParm)
  2335. {
  2336. var g = this, p = this.options;
  2337. var targetRowObj = g.getRowObj(rowParm);
  2338. var linkbtn = $(".l-grid-tree-link", targetRowObj);
  2339. if (linkbtn.hasClass("l-grid-tree-link-close")) return;
  2340. g.toggle(rowParm);
  2341. },
  2342. expand: function (rowParm)
  2343. {
  2344. var g = this, p = this.options;
  2345. var targetRowObj = g.getRowObj(rowParm);
  2346. var linkbtn = $(".l-grid-tree-link", targetRowObj);
  2347. if (linkbtn.hasClass("l-grid-tree-link-open")) return;
  2348. g.toggle(rowParm);
  2349. },
  2350. toggle: function (rowParm)
  2351. {
  2352. if (!rowParm) return;
  2353. var g = this, p = this.options;
  2354. var rowdata = g.getRow(rowParm);
  2355. var targetRowObj = [g.getRowObj(rowdata)];
  2356. if (g.enabledFrozen()) targetRowObj.push(g.getRowObj(rowdata, true));
  2357. var level = rowdata['__level'], indexInCollapsedRows;
  2358. var linkbtn = $(".l-grid-tree-link:first", targetRowObj);
  2359. var opening = true;
  2360. g.collapsedRows = g.collapsedRows || [];
  2361. if (linkbtn.hasClass("l-grid-tree-link-close")) //收缩
  2362. {
  2363. linkbtn.removeClass("l-grid-tree-link-close").addClass("l-grid-tree-link-open");
  2364. indexInCollapsedRows = $.inArray(rowdata, g.collapsedRows);
  2365. if (indexInCollapsedRows != -1) g.collapsedRows.splice(indexInCollapsedRows, 1);
  2366. }
  2367. else //折叠
  2368. {
  2369. opening = false;
  2370. linkbtn.addClass("l-grid-tree-link-close").removeClass("l-grid-tree-link-open");
  2371. indexInCollapsedRows = $.inArray(rowdata, g.collapsedRows);
  2372. if (indexInCollapsedRows == -1) g.collapsedRows.push(rowdata);
  2373. }
  2374. var children = g.getChildren(rowdata, true);
  2375. for (var i = 0, l = children.length; i < l; i++)
  2376. {
  2377. var o = children[i];
  2378. var currentRow = $([g.getRowObj(o['__id'])]);
  2379. if (g.enabledFrozen()) currentRow = currentRow.add(g.getRowObj(o['__id'], true));
  2380. if (opening)
  2381. {
  2382. $(".l-grid-tree-link", currentRow).removeClass("l-grid-tree-link-close").addClass("l-grid-tree-link-open");
  2383. currentRow.show();
  2384. }
  2385. else
  2386. {
  2387. $(".l-grid-tree-link", currentRow).removeClass("l-grid-tree-link-open").addClass("l-grid-tree-link-close");
  2388. currentRow.hide();
  2389. }
  2390. }
  2391. },
  2392. _bulid: function ()
  2393. {
  2394. var g = this;
  2395. g._clearGrid();
  2396. //创建头部
  2397. g._initBuildHeader();
  2398. //宽度高度初始化
  2399. g._initHeight();
  2400. //创建底部工具条
  2401. g._initFootbar();
  2402. //创建分页
  2403. g._buildPager();
  2404. //创建事件
  2405. g._setEvent();
  2406. },
  2407. _setColumns: function (columns)
  2408. {
  2409. var g = this;
  2410. //初始化列
  2411. g._initColumns();
  2412. //创建表头
  2413. g._initBuildGridHeader();
  2414. //创建 显示/隐藏 列 列表
  2415. g._initBuildPopup();
  2416. },
  2417. _initBuildHeader: function ()
  2418. {
  2419. var g = this, p = this.options;
  2420. if (p.title)
  2421. {
  2422. $(".l-panel-header-text", g.header).html(p.title);
  2423. if (p.headerImg)
  2424. g.header.append("<img src='" + p.headerImg + "' />").addClass("l-panel-header-hasicon");
  2425. }
  2426. else
  2427. {
  2428. g.header.hide();
  2429. }
  2430. if (p.toolbar)
  2431. {
  2432. if ($.fn.ligerToolBar)
  2433. g.toolbarManager = g.topbar.ligerToolBar(p.toolbar);
  2434. }
  2435. else
  2436. {
  2437. g.topbar.remove();
  2438. }
  2439. },
  2440. _createColumnId: function (column)
  2441. {
  2442. if (column.id != null) return column.id.toString();
  2443. return "c" + (100 + this._columnCount);
  2444. },
  2445. _isColumnId: function (str)
  2446. {
  2447. return (str in this._columns);
  2448. },
  2449. _initColumns: function ()
  2450. {
  2451. var g = this, p = this.options;
  2452. g._columns = {}; //全部列的信息
  2453. g._columnCount = 0;
  2454. g._columnLeafCount = 0;
  2455. g._columnMaxLevel = 1;
  2456. if (!p.columns) return;
  2457. function removeProp(column, props)
  2458. {
  2459. for (var i in props)
  2460. {
  2461. if (props[i] in column)
  2462. delete column[props[i]];
  2463. }
  2464. }
  2465. //设置id、pid、level、leaf,返回叶节点数,如果是叶节点,返回1
  2466. function setColumn(column, level, pid, previd)
  2467. {
  2468. removeProp(column, ['__id', '__pid', '__previd', '__nextid', '__domid', '__leaf', '__leafindex', '__level', '__colSpan', '__rowSpan']);
  2469. if (level > g._columnMaxLevel) g._columnMaxLevel = level;
  2470. g._columnCount++;
  2471. column['__id'] = g._createColumnId(column);
  2472. column['__domid'] = g.id + "|hcell|" + column['__id'];
  2473. g._columns[column['__id']] = column;
  2474. if (!column.columns || !column.columns.length)
  2475. column['__leafindex'] = g._columnLeafCount++;
  2476. column['__level'] = level;
  2477. column['__pid'] = pid;
  2478. column['__previd'] = previd;
  2479. if (!column.columns || !column.columns.length)
  2480. {
  2481. column['__leaf'] = true;
  2482. return 1;
  2483. }
  2484. var leafcount = 0;
  2485. var newid = -1;
  2486. for (var i = 0, l = column.columns.length; i < l; i++)
  2487. {
  2488. var col = column.columns[i];
  2489. leafcount += setColumn(col, level + 1, column['__id'], newid);
  2490. newid = col['__id'];
  2491. }
  2492. column['__leafcount'] = leafcount;
  2493. return leafcount;
  2494. }
  2495. var lastid = -1;
  2496. //行序号
  2497. if (p.rownumbers)
  2498. {
  2499. var frozenRownumbers = g.enabledGroup() ? false : p.frozen && p.frozenRownumbers;
  2500. var col = { isrownumber: true, issystem: true, width: p.rownumbersColWidth, frozen: frozenRownumbers };
  2501. setColumn(col, 1, -1, lastid);
  2502. lastid = col['__id'];
  2503. }
  2504. //明细列
  2505. if (g.enabledDetail())
  2506. {
  2507. var frozenDetail = g.enabledGroup() ? false : p.frozen && p.frozenDetail;
  2508. var col = { isdetail: true, issystem: true, width: p.detailColWidth, frozen: frozenDetail };
  2509. setColumn(col, 1, -1, lastid);
  2510. lastid = col['__id'];
  2511. }
  2512. //复选框列
  2513. if (g.enabledCheckbox())
  2514. {
  2515. var frozenCheckbox = g.enabledGroup() ? false : p.frozen && p.frozenCheckbox;
  2516. var col = { ischeckbox: true, issystem: true, width: p.detailColWidth, frozen: frozenCheckbox };
  2517. setColumn(col, 1, -1, lastid);
  2518. lastid = col['__id'];
  2519. }
  2520. for (var i = 0, l = p.columns.length; i < l; i++)
  2521. {
  2522. var col = p.columns[i];
  2523. setColumn(col, 1, -1, lastid);
  2524. lastid = col['__id'];
  2525. }
  2526. //设置colSpan和rowSpan
  2527. for (var id in g._columns)
  2528. {
  2529. var col = g._columns[id];
  2530. if (col['__leafcount'] > 1)
  2531. {
  2532. col['__colSpan'] = col['__leafcount'];
  2533. }
  2534. if (col['__leaf'] && col['__level'] != g._columnMaxLevel)
  2535. {
  2536. col['__rowSpan'] = g._columnMaxLevel - col['__level'] + 1;
  2537. }
  2538. }
  2539. //叶级别列的信息
  2540. g.columns = g.getColumns();
  2541. $(g.columns).each(function (i, column)
  2542. {
  2543. column.columnname = column.name;
  2544. column.columnindex = i;
  2545. column.type = column.type || "string";
  2546. column.islast = i == g.columns.length - 1;
  2547. column.isSort = column.isSort == false ? false : true;
  2548. column.frozen = column.frozen ? true : false;
  2549. column._width = g._getColumnWidth(column);
  2550. column._hide = column.hide ? true : false;
  2551. });
  2552. },
  2553. _getColumnWidth: function (column)
  2554. {
  2555. var g = this, p = this.options;
  2556. if (column._width) return column._width;
  2557. var colwidth;
  2558. if (column.width)
  2559. {
  2560. colwidth = column.width;
  2561. }
  2562. else if (p.columnWidth)
  2563. {
  2564. colwidth = p.columnWidth;
  2565. }
  2566. if (!colwidth)
  2567. {
  2568. var lwidth = 4;
  2569. if (g.enabledCheckbox()) lwidth += p.checkboxColWidth;
  2570. if (g.enabledDetail()) lwidth += p.detailColWidth;
  2571. colwidth = parseInt((g.grid.width() - lwidth) / g.columns.length);
  2572. }
  2573. if (typeof (colwidth) == "string" && colwidth.indexOf('%') > 0)
  2574. {
  2575. column._width = colwidth = parseInt(parseInt(colwidth) * 0.01 * (g.grid.width() - g.columns.length));
  2576. }
  2577. if (column.minWidth && colwidth < column.minWidth) colwidth = column.minWidth;
  2578. if (column.maxWidth && colwidth > column.maxWidth) colwidth = column.maxWidth;
  2579. column._width = colwidth;
  2580. return colwidth;
  2581. },
  2582. _createHeaderCell: function (column)
  2583. {
  2584. var g = this, p = this.options;
  2585. var jcell = $("<td class='l-grid-hd-cell'><div class='l-grid-hd-cell-inner'><span class='l-grid-hd-cell-text'></span></div></td>");
  2586. jcell.attr("id", column['__domid']);
  2587. if (!column['__leaf'])
  2588. jcell.addClass("l-grid-hd-cell-mul");
  2589. if (column.columnindex == g.columns.length - 1)
  2590. {
  2591. jcell.addClass("l-grid-hd-cell-last");
  2592. }
  2593. if (column.isrownumber)
  2594. {
  2595. jcell.addClass("l-grid-hd-cell-rownumbers");
  2596. jcell.html("<div class='l-grid-hd-cell-inner'></div>");
  2597. }
  2598. if (column.ischeckbox)
  2599. {
  2600. jcell.addClass("l-grid-hd-cell-checkbox");
  2601. jcell.html("<div class='l-grid-hd-cell-inner'><div class='l-grid-hd-cell-text l-grid-hd-cell-btn-checkbox'></div></div>");
  2602. }
  2603. if (column.isdetail)
  2604. {
  2605. jcell.addClass("l-grid-hd-cell-detail");
  2606. jcell.html("<div class='l-grid-hd-cell-inner'><div class='l-grid-hd-cell-text l-grid-hd-cell-btn-detail'></div></div>");
  2607. }
  2608. if (column.heightAlign)
  2609. {
  2610. $(".l-grid-hd-cell-inner:first", jcell).css("textAlign", column.heightAlign);
  2611. }
  2612. if (column['__colSpan']) jcell.attr("colSpan", column['__colSpan']);
  2613. if (column['__rowSpan'])
  2614. {
  2615. jcell.attr("rowSpan", column['__rowSpan']);
  2616. jcell.height(p.headerRowHeight * column['__rowSpan']);
  2617. } else
  2618. {
  2619. jcell.height(p.headerRowHeight);
  2620. }
  2621. if (column['__leaf'])
  2622. {
  2623. jcell.width(column['_width']);
  2624. jcell.attr("columnindex", column['__leafindex']);
  2625. }
  2626. if (column._hide) jcell.hide();
  2627. if (column.name) jcell.attr({ columnname: column.name });
  2628. var headerText = "";
  2629. if (column.display && column.display != "")
  2630. headerText = column.display;
  2631. else if (column.headerRender)
  2632. headerText = column.headerRender(column);
  2633. else
  2634. headerText = "&nbsp;";
  2635. $(".l-grid-hd-cell-text:first", jcell).html(headerText);
  2636. if (!column.issystem && column['__leaf'] && column.resizable !== false && $.fn.ligerResizable)
  2637. {
  2638. g.colResizable[column['__id']] = jcell.ligerResizable({ handles: 'e',
  2639. onStartResize: function (e, ev)
  2640. {
  2641. this.proxy.hide();
  2642. g.draggingline.css({ height: g.body.height(), top: 0, left: ev.pageX - g.grid.offset().left + parseInt(g.body[0].scrollLeft) }).show();
  2643. },
  2644. onResize: function (e, ev)
  2645. {
  2646. g.colresizing = true;
  2647. g.draggingline.css({ left: ev.pageX - g.grid.offset().left + parseInt(g.body[0].scrollLeft) });
  2648. $('body').add(jcell).css('cursor', 'e-resize');
  2649. },
  2650. onStopResize: function (e)
  2651. {
  2652. g.colresizing = false;
  2653. $('body').add(jcell).css('cursor', 'default');
  2654. g.draggingline.hide();
  2655. g.setColumnWidth(column, column._width + e.diffX);
  2656. return false;
  2657. }
  2658. });
  2659. }
  2660. return jcell;
  2661. },
  2662. _initBuildGridHeader: function ()
  2663. {
  2664. var g = this, p = this.options;
  2665. g.gridtablewidth = 0;
  2666. g.f.gridtablewidth = 0;
  2667. if (g.colResizable)
  2668. {
  2669. for (var i in g.colResizable)
  2670. {
  2671. g.colResizable[i].destroy();
  2672. }
  2673. g.colResizable = null;
  2674. }
  2675. g.colResizable = {};
  2676. $("tbody:first", g.gridheader).html("");
  2677. $("tbody:first", g.f.gridheader).html("");
  2678. for (var level = 1; level <= g._columnMaxLevel; level++)
  2679. {
  2680. var columns = g.getColumns(level); //获取level层次的列集合
  2681. var islast = level == g._columnMaxLevel; //是否最末级
  2682. var tr = $("<tr class='l-grid-hd-row'></tr>");
  2683. var trf = $("<tr class='l-grid-hd-row'></tr>");
  2684. if (!islast) tr.add(trf).addClass("l-grid-hd-mul");
  2685. $("tbody:first", g.gridheader).append(tr);
  2686. $("tbody:first", g.f.gridheader).append(trf);
  2687. $(columns).each(function (i, column)
  2688. {
  2689. (column.frozen ? trf : tr).append(g._createHeaderCell(column));
  2690. if (column['__leaf'])
  2691. {
  2692. var colwidth = column['_width'];
  2693. if (!column.frozen)
  2694. g.gridtablewidth += (parseInt(colwidth) ? parseInt(colwidth) : 0) + 1;
  2695. else
  2696. g.f.gridtablewidth += (parseInt(colwidth) ? parseInt(colwidth) : 0) + 1;
  2697. }
  2698. });
  2699. }
  2700. if (g._columnMaxLevel > 0)
  2701. {
  2702. var h = p.headerRowHeight * g._columnMaxLevel;
  2703. g.gridheader.add(g.f.gridheader).height(h);
  2704. if (p.rownumbers && p.frozenRownumbers) g.f.gridheader.find("td:first").height(h);
  2705. }
  2706. g._updateFrozenWidth();
  2707. $("div:first", g.gridheader).width(g.gridtablewidth + 40);
  2708. },
  2709. _initBuildPopup: function ()
  2710. {
  2711. var g = this, p = this.options;
  2712. $(':checkbox', g.popup).unbind();
  2713. $('tbody tr', g.popup).remove();
  2714. $(g.columns).each(function (i, column)
  2715. {
  2716. if (column.issystem) return;
  2717. if (column.isAllowHide == false) return;
  2718. var chk = 'checked="checked"';
  2719. if (column._hide) chk = '';
  2720. var header = column.display;
  2721. $('tbody', g.popup).append('<tr><td class="l-column-left"><input type="checkbox" ' + chk + ' class="l-checkbox" columnindex="' + i + '"/></td><td class="l-column-right">' + header + '</td></tr>');
  2722. });
  2723. if ($.fn.ligerCheckBox)
  2724. {
  2725. $('input:checkbox', g.popup).ligerCheckBox(
  2726. {
  2727. onBeforeClick: function (obj)
  2728. {
  2729. if (!obj.checked) return true;
  2730. if ($('input:checked', g.popup).length <= p.minColToggle)
  2731. return false;
  2732. return true;
  2733. }
  2734. });
  2735. }
  2736. //表头 - 显示/隐藏'列控制'按钮事件
  2737. if (p.allowHideColumn)
  2738. {
  2739. $('tr', g.popup).hover(function ()
  2740. {
  2741. $(this).addClass('l-popup-row-over');
  2742. },
  2743. function ()
  2744. {
  2745. $(this).removeClass('l-popup-row-over');
  2746. });
  2747. var onPopupCheckboxChange = function ()
  2748. {
  2749. if ($('input:checked', g.popup).length + 1 <= p.minColToggle)
  2750. {
  2751. return false;
  2752. }
  2753. g.toggleCol(parseInt($(this).attr("columnindex")), this.checked, true);
  2754. };
  2755. if ($.fn.ligerCheckBox)
  2756. $(':checkbox', g.popup).bind('change', onPopupCheckboxChange);
  2757. else
  2758. $(':checkbox', g.popup).bind('click', onPopupCheckboxChange);
  2759. }
  2760. },
  2761. _initHeight: function ()
  2762. {
  2763. var g = this, p = this.options;
  2764. if (p.height == 'auto')
  2765. {
  2766. g.gridbody.height('auto');
  2767. g.f.gridbody.height('auto');
  2768. }
  2769. if (p.width)
  2770. {
  2771. g.grid.width(p.width);
  2772. }
  2773. g._onResize.call(g);
  2774. },
  2775. _initFootbar: function ()
  2776. {
  2777. var g = this, p = this.options;
  2778. if (p.usePager)
  2779. {
  2780. //创建底部工具条 - 选择每页显示记录数
  2781. var optStr = "";
  2782. var selectedIndex = -1;
  2783. $(p.pageSizeOptions).each(function (i, item)
  2784. {
  2785. var selectedStr = "";
  2786. if (p.pageSize == item) selectedIndex = i;
  2787. optStr += "<option value='" + item + "' " + selectedStr + " >" + item + "</option>";
  2788. });
  2789. $('.l-bar-selectpagesize', g.toolbar).append("<select name='rp'>" + optStr + "</select>");
  2790. if (selectedIndex != -1) $('.l-bar-selectpagesize select', g.toolbar)[0].selectedIndex = selectedIndex;
  2791. if (p.switchPageSizeApplyComboBox && $.fn.ligerComboBox)
  2792. {
  2793. $(".l-bar-selectpagesize select", g.toolbar).ligerComboBox(
  2794. {
  2795. onBeforeSelect: function ()
  2796. {
  2797. if (p.url && g.isDataChanged && !confirm(p.isContinueByDataChanged))
  2798. return false;
  2799. return true;
  2800. },
  2801. width: 45
  2802. });
  2803. }
  2804. }
  2805. else
  2806. {
  2807. g.toolbar.hide();
  2808. }
  2809. },
  2810. _searchData: function (data, clause)
  2811. {
  2812. var g = this, p = this.options;
  2813. var newData = new Array();
  2814. for (var i = 0; i < data.length; i++)
  2815. {
  2816. if (clause(data[i], i))
  2817. {
  2818. newData[newData.length] = data[i];
  2819. }
  2820. }
  2821. return newData;
  2822. },
  2823. _clearGrid: function ()
  2824. {
  2825. var g = this, p = this.options;
  2826. for (var i in g.rows)
  2827. {
  2828. var rowobj = $(g.getRowObj(g.rows[i]));
  2829. if (g.enabledFrozen())
  2830. rowobj = rowobj.add(g.getRowObj(g.rows[i], true));
  2831. rowobj.unbind();
  2832. }
  2833. //清空数据
  2834. g.gridbody.html("");
  2835. g.f.gridbody.html("");
  2836. g.recordNumber = 0;
  2837. g.records = {};
  2838. g.rows = [];
  2839. //清空选择的行
  2840. g.selected = [];
  2841. g.totalNumber = 0;
  2842. //编辑器计算器
  2843. g.editorcounter = 0;
  2844. },
  2845. _fillGridBody: function (data, frozen)
  2846. {
  2847. var g = this, p = this.options;
  2848. //加载数据
  2849. var gridhtmlarr = ['<div class="l-grid-body-inner"><table class="l-grid-body-table" cellpadding=0 cellspacing=0><tbody>'];
  2850. if (g.enabledGroup()) //启用分组模式
  2851. {
  2852. var groups = []; //分组列名数组
  2853. var groupsdata = []; //切成几块后的数据
  2854. g.groups = groupsdata;
  2855. for (var rowparm in data)
  2856. {
  2857. var item = data[rowparm];
  2858. var groupColumnValue = item[p.groupColumnName];
  2859. var valueIndex = $.inArray(groupColumnValue, groups);
  2860. if (valueIndex == -1)
  2861. {
  2862. groups.push(groupColumnValue);
  2863. valueIndex = groups.length - 1;
  2864. groupsdata.push([]);
  2865. }
  2866. groupsdata[valueIndex].push(item);
  2867. }
  2868. $(groupsdata).each(function (i, item)
  2869. {
  2870. if (groupsdata.length == 1)
  2871. gridhtmlarr.push('<tr class="l-grid-grouprow l-grid-grouprow-last l-grid-grouprow-first"');
  2872. if (i == groupsdata.length - 1)
  2873. gridhtmlarr.push('<tr class="l-grid-grouprow l-grid-grouprow-last"');
  2874. else if (i == 0)
  2875. gridhtmlarr.push('<tr class="l-grid-grouprow l-grid-grouprow-first"');
  2876. else
  2877. gridhtmlarr.push('<tr class="l-grid-grouprow"');
  2878. gridhtmlarr.push(' groupindex"=' + i + '" >');
  2879. gridhtmlarr.push('<td colSpan="' + g.columns.length + '" class="l-grid-grouprow-cell">');
  2880. gridhtmlarr.push('<span class="l-grid-group-togglebtn">&nbsp;&nbsp;&nbsp;&nbsp;</span>');
  2881. if (p.groupRender)
  2882. gridhtmlarr.push(p.groupRender(groups[i], item, p.groupColumnDisplay));
  2883. else
  2884. gridhtmlarr.push(p.groupColumnDisplay + ':' + groups[i]);
  2885. gridhtmlarr.push('</td>');
  2886. gridhtmlarr.push('</tr>');
  2887. gridhtmlarr.push(g._getHtmlFromData(item, frozen));
  2888. //汇总
  2889. if (g.isTotalSummary())
  2890. gridhtmlarr.push(g._getTotalSummaryHtml(item, "l-grid-totalsummary-group", frozen));
  2891. });
  2892. }
  2893. else
  2894. {
  2895. gridhtmlarr.push(g._getHtmlFromData(data, frozen));
  2896. }
  2897. gridhtmlarr.push('</tbody></table></div>');
  2898. (frozen ? g.f.gridbody : g.gridbody).html(gridhtmlarr.join(''));
  2899. //分组时不需要
  2900. if (!g.enabledGroup())
  2901. {
  2902. //创建汇总行
  2903. g._bulidTotalSummary(frozen);
  2904. }
  2905. $("> div:first", g.gridbody).width(g.gridtablewidth);
  2906. g._onResize();
  2907. },
  2908. _showData: function ()
  2909. {
  2910. var g = this, p = this.options;
  2911. var data = g.currentData[p.root];
  2912. if (p.usePager)
  2913. {
  2914. //更新总记录数
  2915. if (p.dataAction == "server" && g.data && g.data[p.record])
  2916. p.total = g.data[p.record];
  2917. else if (g.filteredData && g.filteredData[p.root])
  2918. p.total = g.filteredData[p.root].length;
  2919. else if (g.data && g.data[p.root])
  2920. p.total = g.data[p.root].length;
  2921. else if (data)
  2922. p.total = data.length;
  2923. p.page = p.newPage;
  2924. if (!p.total) p.total = 0;
  2925. if (!p.page) p.page = 1;
  2926. p.pageCount = Math.ceil(p.total / p.pageSize);
  2927. if (!p.pageCount) p.pageCount = 1;
  2928. //更新分页
  2929. g._buildPager();
  2930. }
  2931. //加载中
  2932. $('.l-bar-btnloading:first', g.toolbar).removeClass('l-bar-btnloading');
  2933. if (g.trigger('beforeShowData', [g.currentData]) == false) return;
  2934. g._clearGrid();
  2935. g.isDataChanged = false;
  2936. if (!data) return;
  2937. $(".l-bar-btnload:first span", g.toolbar).removeClass("l-disabled");
  2938. g._updateGridData();
  2939. if (g.enabledFrozen())
  2940. g._fillGridBody(g.rows, true);
  2941. g._fillGridBody(g.rows, false);
  2942. g.trigger('SysGridHeightChanged');
  2943. if (p.totalRender)
  2944. {
  2945. $(".l-panel-bar-total", g.element).remove();
  2946. $(".l-panel-bar", g.element).before('<div class="l-panel-bar-total">' + p.totalRender(g.data, g.filteredData) + '</div>');
  2947. }
  2948. if (p.mouseoverRowCssClass)
  2949. {
  2950. for (var i in g.rows)
  2951. {
  2952. var rowobj = $(g.getRowObj(g.rows[i]));
  2953. if (g.enabledFrozen())
  2954. rowobj = rowobj.add(g.getRowObj(g.rows[i], true));
  2955. rowobj.bind('mouseover.gridrow', function ()
  2956. {
  2957. g._onRowOver(this, true);
  2958. }).bind('mouseout.gridrow', function ()
  2959. {
  2960. g._onRowOver(this, false);
  2961. });
  2962. }
  2963. }
  2964. g.gridbody.trigger('scroll.grid');
  2965. g.trigger('afterShowData', [g.currentData]);
  2966. },
  2967. _getRowDomId: function (rowdata, frozen)
  2968. {
  2969. return this.id + "|" + (frozen ? "1" : "2") + "|" + rowdata['__id'];
  2970. },
  2971. _getCellDomId: function (rowdata, column)
  2972. {
  2973. return this._getRowDomId(rowdata, column.frozen) + "|" + column['__id'];
  2974. },
  2975. _getHtmlFromData: function (data, frozen)
  2976. {
  2977. if (!data) return "";
  2978. var g = this, p = this.options;
  2979. var gridhtmlarr = [];
  2980. for (var rowparm in data)
  2981. {
  2982. var item = data[rowparm];
  2983. var rowid = item['__id'];
  2984. if (!item) continue;
  2985. gridhtmlarr.push('<tr');
  2986. gridhtmlarr.push(' id="' + g._getRowDomId(item, frozen) + '"');
  2987. gridhtmlarr.push(' class="l-grid-row'); //class start
  2988. if (!frozen && g.enabledCheckbox() && p.isChecked && p.isChecked(item))
  2989. {
  2990. g.select(item);
  2991. gridhtmlarr.push(' l-selected');
  2992. }
  2993. else if (g.isSelected(item))
  2994. {
  2995. gridhtmlarr.push(' l-selected');
  2996. }
  2997. if (item['__index'] % 2 == 1 && p.alternatingRow)
  2998. gridhtmlarr.push(' l-grid-row-alt');
  2999. gridhtmlarr.push('" '); //class end
  3000. if (p.rowAttrRender) gridhtmlarr.push(p.rowAttrRender(item, rowid));
  3001. if (p.tree && g.collapsedRows && g.collapsedRows.length)
  3002. {
  3003. var isHide = function ()
  3004. {
  3005. var pitem = g.getParent(item);
  3006. while (pitem)
  3007. {
  3008. if ($.inArray(pitem, g.collapsedRows) != -1) return true;
  3009. pitem = g.getParent(pitem);
  3010. }
  3011. return false;
  3012. };
  3013. if (isHide()) gridhtmlarr.push(' style="display:none;" ');
  3014. }
  3015. gridhtmlarr.push('>');
  3016. $(g.columns).each(function (columnindex, column)
  3017. {
  3018. if (frozen != column.frozen) return;
  3019. gridhtmlarr.push('<td');
  3020. gridhtmlarr.push(' id="' + g._getCellDomId(item, this) + '"');
  3021. //如果是行序号(系统列)
  3022. if (this.isrownumber)
  3023. {
  3024. gridhtmlarr.push(' class="l-grid-row-cell l-grid-row-cell-rownumbers" style="width:' + this.width + 'px"><div class="l-grid-row-cell-inner"');
  3025. if (p.fixedCellHeight)
  3026. gridhtmlarr.push(' style = "height:' + p.rowHeight + 'px;" ');
  3027. gridhtmlarr.push('>' + (parseInt(item['__index']) + 1) + '</div></td>');
  3028. return;
  3029. }
  3030. //如果是复选框(系统列)
  3031. if (this.ischeckbox)
  3032. {
  3033. gridhtmlarr.push(' class="l-grid-row-cell l-grid-row-cell-checkbox" style="width:' + this.width + 'px"><div class="l-grid-row-cell-inner"');
  3034. if (p.fixedCellHeight)
  3035. gridhtmlarr.push(' style = "height:' + p.rowHeight + 'px;" ');
  3036. gridhtmlarr.push('><span class="l-grid-row-cell-btn-checkbox"></span></div></td>');
  3037. return;
  3038. }
  3039. //如果是明细列(系统列)
  3040. else if (this.isdetail)
  3041. {
  3042. gridhtmlarr.push(' class="l-grid-row-cell l-grid-row-cell-detail" style="width:' + this.width + 'px"><div class="l-grid-row-cell-inner"');
  3043. if (p.fixedCellHeight)
  3044. gridhtmlarr.push(' style = "height:' + p.rowHeight + 'px;" ');
  3045. gridhtmlarr.push('><span class="l-grid-row-cell-detailbtn"></span></div></td>');
  3046. return;
  3047. }
  3048. var colwidth = this._width;
  3049. gridhtmlarr.push(' class="l-grid-row-cell ');
  3050. if (g.changedCells[rowid + "_" + this['__id']]) gridhtmlarr.push("l-grid-row-cell-edited ");
  3051. if (this.islast)
  3052. gridhtmlarr.push('l-grid-row-cell-last ');
  3053. gridhtmlarr.push('"');
  3054. //if (this.columnname) gridhtmlarr.push('columnname="' + this.columnname + '"');
  3055. gridhtmlarr.push(' style = "');
  3056. gridhtmlarr.push('width:' + colwidth + 'px; ');
  3057. if (column._hide)
  3058. {
  3059. gridhtmlarr.push('display:none;');
  3060. }
  3061. gridhtmlarr.push(' ">');
  3062. gridhtmlarr.push(g._getCellHtml(item, column));
  3063. gridhtmlarr.push('</td>');
  3064. });
  3065. gridhtmlarr.push('</tr>');
  3066. }
  3067. return gridhtmlarr.join('');
  3068. },
  3069. _getCellHtml: function (rowdata, column)
  3070. {
  3071. var g = this, p = this.options;
  3072. if (column.isrownumber)
  3073. return '<div class="l-grid-row-cell-inner">' + (parseInt(rowdata['__index']) + 1) + '</div>';
  3074. var htmlarr = [];
  3075. htmlarr.push('<div class="l-grid-row-cell-inner"');
  3076. //htmlarr.push('<div');
  3077. htmlarr.push(' style = "width:' + parseInt(column._width - 8) + 'px;');
  3078. if (p.fixedCellHeight) htmlarr.push('height:' + p.rowHeight + 'px;min-height:' + p.rowHeight + 'px; ');
  3079. if (column.align) htmlarr.push('text-align:' + column.align + ';');
  3080. var content = g._getCellContent(rowdata, column);
  3081. htmlarr.push('">' + content + '</div>');
  3082. return htmlarr.join('');
  3083. },
  3084. _getCellContent: function (rowdata, column)
  3085. {
  3086. if (!rowdata || !column) return "";
  3087. if (column.isrownumber) return parseInt(rowdata['__index']) + 1;
  3088. var rowid = rowdata['__id'];
  3089. var rowindex = rowdata['__index'];
  3090. var value = column.name ? rowdata[column.name] : null;
  3091. var g = this, p = this.options;
  3092. var content = "";
  3093. if (column.render)
  3094. {
  3095. content = column.render.call(g, rowdata, rowindex, value, column);
  3096. }
  3097. else if (p.formatters[column.type])
  3098. {
  3099. content = p.formatters[column.type].call(g, value, column);
  3100. }
  3101. else if (value != null)
  3102. {
  3103. content = value.toString();
  3104. }
  3105. if (p.tree && (p.tree.columnName != null && p.tree.columnName == column.name || p.tree.columnId != null && p.tree.columnId == column.id))
  3106. {
  3107. content = g._getTreeCellHtml(content, rowdata);
  3108. }
  3109. return content || "";
  3110. },
  3111. _getTreeCellHtml: function (oldContent, rowdata)
  3112. {
  3113. var level = rowdata['__level'];
  3114. var g = this, p = this.options;
  3115. //var isExtend = p.tree.isExtend(rowdata);
  3116. var isExtend = $.inArray(rowdata, g.collapsedRows || []) == -1;
  3117. var isParent = p.tree.isParent(rowdata);
  3118. var content = "";
  3119. level = parseInt(level) || 1;
  3120. for (var i = 1; i < level; i++)
  3121. {
  3122. content += "<div class='l-grid-tree-space'></div>";
  3123. }
  3124. if (isExtend && isParent)
  3125. content += "<div class='l-grid-tree-space l-grid-tree-link l-grid-tree-link-open'></div>";
  3126. else if (isParent)
  3127. content += "<div class='l-grid-tree-space l-grid-tree-link l-grid-tree-link-close'></div>";
  3128. else
  3129. content += "<div class='l-grid-tree-space'></div>";
  3130. content += "<span class='l-grid-tree-content'>" + oldContent + "</span>";
  3131. return content;
  3132. },
  3133. _applyEditor: function (obj)
  3134. {
  3135. var g = this, p = this.options;
  3136. var rowcell = obj;
  3137. var ids = rowcell.id.split('|');
  3138. var columnid = ids[ids.length - 1];
  3139. var column = g._columns[columnid];
  3140. var row = $(rowcell).parent();
  3141. var rowdata = g.getRow(row[0]);
  3142. var rowid = rowdata['__id'];
  3143. var rowindex = rowdata['__index'];
  3144. if (!column || !column.editor) return;
  3145. var columnname = column.name;
  3146. var columnindex = column.columnindex;
  3147. if (column.editor.type && p.editors[column.editor.type])
  3148. {
  3149. var currentdata = rowdata[columnname];
  3150. var editParm = { record: rowdata, value: currentdata, column: column, rowindex: rowindex };
  3151. if (g.trigger('beforeEdit', [editParm]) == false) return false;
  3152. var editor = p.editors[column.editor.type];
  3153. var jcell = $(rowcell), offset = $(rowcell).offset();
  3154. jcell.html("");
  3155. g.setCellEditing(rowdata, column, true);
  3156. var width = $(rowcell).width(), height = $(rowcell).height();
  3157. var container = $("<div class='l-grid-editor'></div>").appendTo('body');
  3158. if ($.browser.mozilla)
  3159. container.css({ left: offset.left, top: offset.top }).show();
  3160. else
  3161. container.css({ left: offset.left + 1, top: offset.top + 1 }).show();
  3162. var editorInput = g._createEditor(editor, container, editParm, width, height);
  3163. g.editor = { editing: true, editor: editor, input: editorInput, editParm: editParm, container: container };
  3164. g.unbind('sysEndEdit');
  3165. g.bind('sysEndEdit', function ()
  3166. {
  3167. var newValue = editor.getValue(editorInput, editParm);
  3168. if (newValue != currentdata)
  3169. {
  3170. $(rowcell).addClass("l-grid-row-cell-edited");
  3171. g.changedCells[rowid + "_" + column['__id']] = true;
  3172. if (column.editor.onChange) column.editor.onChange(rowcell, newValue);
  3173. editParm.value = newValue;
  3174. if (g._checkEditAndUpdateCell(editParm))
  3175. {
  3176. if (column.editor.onChanged) column.editor.onChanged(rowcell, newValue);
  3177. }
  3178. }
  3179. });
  3180. }
  3181. },
  3182. _checkEditAndUpdateCell: function (editParm)
  3183. {
  3184. var g = this, p = this.options;
  3185. if (g.trigger('beforeSubmitEdit', [editParm]) == false) return false;
  3186. g.updateCell(editParm.column, editParm.value, editParm.record);
  3187. if (editParm.column.render || g.enabledTotal()) g.reRender({ column: editParm.column });
  3188. g.reRender({ rowdata: editParm.record });
  3189. return true;
  3190. },
  3191. _getCurrentPageData: function (source)
  3192. {
  3193. var g = this, p = this.options;
  3194. var data = {};
  3195. data[p.root] = [];
  3196. if (!source || !source[p.root] || !source[p.root].length)
  3197. {
  3198. data[p.record] = 0;
  3199. return data;
  3200. }
  3201. data[p.record] = source[p.root].length;
  3202. if (!p.newPage) p.newPage = 1;
  3203. for (i = (p.newPage - 1) * p.pageSize; i < source[p.root].length && i < p.newPage * p.pageSize; i++)
  3204. {
  3205. data[p.root].push(source[p.root][i]);
  3206. }
  3207. return data;
  3208. },
  3209. //比较某一列两个数据
  3210. _compareData: function (data1, data2, columnName, columnType)
  3211. {
  3212. var g = this, p = this.options;
  3213. var val1 = data1[columnName], val2 = data2[columnName];
  3214. if (val1 == null && val2 != null) return 1;
  3215. else if (val1 == null && val2 == null) return 0;
  3216. else if (val1 != null && val2 == null) return -1;
  3217. if (p.sorters[columnType])
  3218. return p.sorters[columnType].call(g, val1, val2);
  3219. else
  3220. return val1 < val2 ? -1 : val1 > val2 ? 1 : 0;
  3221. },
  3222. _getTotalCellContent: function (column, data)
  3223. {
  3224. var g = this, p = this.options;
  3225. var totalsummaryArr = [];
  3226. if (column.totalSummary)
  3227. {
  3228. var isExist = function (type)
  3229. {
  3230. for (var i = 0; i < types.length; i++)
  3231. if (types[i].toLowerCase() == type.toLowerCase()) return true;
  3232. return false;
  3233. };
  3234. var sum = 0, count = 0, avg = 0;
  3235. var max = parseFloat(data[0][column.name]);
  3236. var min = parseFloat(data[0][column.name]);
  3237. for (var i = 0; i < data.length; i++)
  3238. {
  3239. count += 1;
  3240. var value = parseFloat(data[i][column.name]);
  3241. if (!value) continue;
  3242. sum += value;
  3243. if (value > max) max = value;
  3244. if (value < min) min = value;
  3245. }
  3246. avg = sum * 1.0 / data.length;
  3247. if (column.totalSummary.render)
  3248. {
  3249. var renderhtml = column.totalSummary.render({
  3250. sum: sum,
  3251. count: count,
  3252. avg: avg,
  3253. min: min,
  3254. max: max
  3255. }, column, g.data);
  3256. totalsummaryArr.push(renderhtml);
  3257. }
  3258. else if (column.totalSummary.type)
  3259. {
  3260. var types = column.totalSummary.type.split(',');
  3261. if (isExist('sum'))
  3262. totalsummaryArr.push("<div>Sum=" + sum.toFixed(2) + "</div>");
  3263. if (isExist('count'))
  3264. totalsummaryArr.push("<div>Count=" + count + "</div>");
  3265. if (isExist('max'))
  3266. totalsummaryArr.push("<div>Max=" + max.toFixed(2) + "</div>");
  3267. if (isExist('min'))
  3268. totalsummaryArr.push("<div>Min=" + min.toFixed(2) + "</div>");
  3269. if (isExist('avg'))
  3270. totalsummaryArr.push("<div>Avg=" + avg.toFixed(2) + "</div>");
  3271. }
  3272. }
  3273. return totalsummaryArr.join('');
  3274. },
  3275. _getTotalSummaryHtml: function (data, classCssName, frozen)
  3276. {
  3277. var g = this, p = this.options;
  3278. var totalsummaryArr = [];
  3279. if (classCssName)
  3280. totalsummaryArr.push('<tr class="l-grid-totalsummary ' + classCssName + '">');
  3281. else
  3282. totalsummaryArr.push('<tr class="l-grid-totalsummary">');
  3283. $(g.columns).each(function (columnindex, column)
  3284. {
  3285. if (this.frozen != frozen) return;
  3286. //如果是行序号(系统列)
  3287. if (this.isrownumber)
  3288. {
  3289. totalsummaryArr.push('<td class="l-grid-totalsummary-cell l-grid-totalsummary-cell-rownumbers" style="width:' + this.width + 'px"><div>&nbsp;</div></td>');
  3290. return;
  3291. }
  3292. //如果是复选框(系统列)
  3293. if (this.ischeckbox)
  3294. {
  3295. totalsummaryArr.push('<td class="l-grid-totalsummary-cell l-grid-totalsummary-cell-checkbox" style="width:' + this.width + 'px"><div>&nbsp;</div></td>');
  3296. return;
  3297. }
  3298. //如果是明细列(系统列)
  3299. else if (this.isdetail)
  3300. {
  3301. totalsummaryArr.push('<td class="l-grid-totalsummary-cell l-grid-totalsummary-cell-detail" style="width:' + this.width + 'px"><div>&nbsp;</div></td>');
  3302. return;
  3303. }
  3304. totalsummaryArr.push('<td class="l-grid-totalsummary-cell');
  3305. if (this.islast)
  3306. totalsummaryArr.push(" l-grid-totalsummary-cell-last");
  3307. totalsummaryArr.push('" ');
  3308. totalsummaryArr.push('id="' + g.id + "|total" + g.totalNumber + "|" + column.__id + '" ');
  3309. totalsummaryArr.push('width="' + this._width + '" ');
  3310. columnname = this.columnname;
  3311. if (columnname)
  3312. {
  3313. totalsummaryArr.push('columnname="' + columnname + '" ');
  3314. }
  3315. totalsummaryArr.push('columnindex="' + columnindex + '" ');
  3316. totalsummaryArr.push('><div class="l-grid-totalsummary-cell-inner"');
  3317. if (column.align)
  3318. totalsummaryArr.push(' style="text-Align:' + column.align + ';"');
  3319. totalsummaryArr.push('>');
  3320. totalsummaryArr.push(g._getTotalCellContent(column, data));
  3321. totalsummaryArr.push('</div></td>');
  3322. });
  3323. totalsummaryArr.push('</tr>');
  3324. if (!frozen) g.totalNumber++;
  3325. return totalsummaryArr.join('');
  3326. },
  3327. _bulidTotalSummary: function (frozen)
  3328. {
  3329. var g = this, p = this.options;
  3330. if (!g.isTotalSummary()) return false;
  3331. if (!g.currentData || g.currentData[p.root].length == 0) return false;
  3332. var totalRow = $(g._getTotalSummaryHtml(g.currentData[p.root], null, frozen));
  3333. $("tbody:first", frozen ? g.f.gridbody : g.gridbody).append(totalRow);
  3334. },
  3335. _buildPager: function ()
  3336. {
  3337. var g = this, p = this.options;
  3338. $('.pcontrol input', g.toolbar).val(p.page);
  3339. if (!p.pageCount) p.pageCount = 1;
  3340. $('.pcontrol span', g.toolbar).html(p.pageCount);
  3341. var r1 = parseInt((p.page - 1) * p.pageSize) + 1.0;
  3342. var r2 = parseInt(r1) + parseInt(p.pageSize) - 1;
  3343. if (!p.total) p.total = 0;
  3344. if (p.total < r2) r2 = p.total;
  3345. if (!p.total) r1 = r2 = 0;
  3346. if (r1 < 0) r1 = 0;
  3347. if (r2 < 0) r2 = 0;
  3348. var stat = p.pageStatMessage;
  3349. stat = stat.replace(/{from}/, r1);
  3350. stat = stat.replace(/{to}/, r2);
  3351. stat = stat.replace(/{total}/, p.total);
  3352. stat = stat.replace(/{pagesize}/, p.pageSize);
  3353. if(!p.isAdding){
  3354. $('.l-bar-text', g.toolbar).html(stat);
  3355. }else{
  3356. $('.l-bar-text', g.toolbar).html('');
  3357. }
  3358. if (!p.total)
  3359. {
  3360. $(".l-bar-btnfirst span,.l-bar-btnprev span,.l-bar-btnnext span,.l-bar-btnlast span", g.toolbar)
  3361. .addClass("l-disabled");
  3362. }
  3363. if (p.page == 1)
  3364. {
  3365. $(".l-bar-btnfirst span", g.toolbar).addClass("l-disabled");
  3366. $(".l-bar-btnprev span", g.toolbar).addClass("l-disabled");
  3367. }
  3368. else if (p.page > p.pageCount && p.pageCount > 0)
  3369. {
  3370. $(".l-bar-btnfirst span", g.toolbar).removeClass("l-disabled");
  3371. $(".l-bar-btnprev span", g.toolbar).removeClass("l-disabled");
  3372. }
  3373. if (p.page == p.pageCount)
  3374. {
  3375. $(".l-bar-btnlast span", g.toolbar).addClass("l-disabled");
  3376. $(".l-bar-btnnext span", g.toolbar).addClass("l-disabled");
  3377. }
  3378. else if (p.page < p.pageCount && p.pageCount > 0)
  3379. {
  3380. $(".l-bar-btnlast span", g.toolbar).removeClass("l-disabled");
  3381. $(".l-bar-btnnext span", g.toolbar).removeClass("l-disabled");
  3382. }
  3383. },
  3384. _getRowIdByDomId: function (domid)
  3385. {
  3386. var ids = domid.split('|');
  3387. var rowid = ids[2];
  3388. return rowid;
  3389. },
  3390. _getRowByDomId: function (domid)
  3391. {
  3392. return this.records[this._getRowIdByDomId(domid)];
  3393. },
  3394. _getSrcElementByEvent: function (e)
  3395. {
  3396. var g = this;
  3397. var obj = (e.target || e.srcElement);
  3398. var jobjs = $(obj).parents().add(obj);
  3399. var fn = function (parm)
  3400. {
  3401. for (var i = 0, l = jobjs.length; i < l; i++)
  3402. {
  3403. if (typeof parm == "string")
  3404. {
  3405. if ($(jobjs[i]).hasClass(parm)) return jobjs[i];
  3406. }
  3407. else if (typeof parm == "object")
  3408. {
  3409. if (jobjs[i] == parm) return jobjs[i];
  3410. }
  3411. }
  3412. return null;
  3413. };
  3414. if (fn("l-grid-editor")) return { editing: true, editor: fn("l-grid-editor") };
  3415. if (jobjs.index(this.element) == -1) return { out: true };
  3416. var indetail = false;
  3417. if (jobjs.hasClass("l-grid-detailpanel") && g.detailrows)
  3418. {
  3419. for (var i = 0, l = g.detailrows.length; i < l; i++)
  3420. {
  3421. if (jobjs.index(g.detailrows[i]) != -1)
  3422. {
  3423. indetail = true;
  3424. break;
  3425. }
  3426. }
  3427. }
  3428. var r = {
  3429. grid: fn("l-panel"),
  3430. indetail: indetail,
  3431. frozen: fn(g.gridview1[0]) ? true : false,
  3432. header: fn("l-panel-header"), //标题
  3433. gridheader: fn("l-grid-header"), //表格头
  3434. gridbody: fn("l-grid-body"),
  3435. total: fn("l-panel-bar-total"), //总汇总
  3436. popup: fn("l-grid-popup"),
  3437. toolbar: fn("l-panel-bar")
  3438. };
  3439. if (r.gridheader)
  3440. {
  3441. r.hrow = fn("l-grid-hd-row");
  3442. r.hcell = fn("l-grid-hd-cell");
  3443. r.hcelltext = fn("l-grid-hd-cell-text");
  3444. r.checkboxall = fn("l-grid-hd-cell-checkbox");
  3445. if (r.hcell)
  3446. {
  3447. var columnid = r.hcell.id.split('|')[2];
  3448. r.column = g._columns[columnid];
  3449. }
  3450. }
  3451. if (r.gridbody)
  3452. {
  3453. r.row = fn("l-grid-row");
  3454. r.cell = fn("l-grid-row-cell");
  3455. r.checkbox = fn("l-grid-row-cell-btn-checkbox");
  3456. r.groupbtn = fn("l-grid-group-togglebtn");
  3457. r.grouprow = fn("l-grid-grouprow");
  3458. r.detailbtn = fn("l-grid-row-cell-detailbtn");
  3459. r.detailrow = fn("l-grid-detailpanel");
  3460. r.totalrow = fn("l-grid-totalsummary");
  3461. r.totalcell = fn("l-grid-totalsummary-cell");
  3462. r.rownumberscell = $(r.cell).hasClass("l-grid-row-cell-rownumbers") ? r.cell : null;
  3463. r.detailcell = $(r.cell).hasClass("l-grid-row-cell-detail") ? r.cell : null;
  3464. r.checkboxcell = $(r.cell).hasClass("l-grid-row-cell-checkbox") ? r.cell : null;
  3465. r.treelink = fn("l-grid-tree-link");
  3466. r.editor = fn("l-grid-editor");
  3467. if (r.row) r.data = this._getRowByDomId(r.row.id);
  3468. if (r.cell) r.editing = $(r.cell).hasClass("l-grid-row-cell-editing");
  3469. if (r.editor) r.editing = true;
  3470. if (r.editing) r.out = false;
  3471. }
  3472. if (r.toolbar)
  3473. {
  3474. r.first = fn("l-bar-btnfirst");
  3475. r.last = fn("l-bar-btnlast");
  3476. r.next = fn("l-bar-btnnext");
  3477. r.prev = fn("l-bar-btnprev");
  3478. r.load = fn("l-bar-btnload");
  3479. r.button = fn("l-bar-button");
  3480. }
  3481. return r;
  3482. },
  3483. _setEvent: function ()
  3484. {
  3485. var g = this, p = this.options;
  3486. g.grid.bind("mousedown.grid", function (e)
  3487. {
  3488. g._onMouseDown.call(g, e);
  3489. });
  3490. g.grid.bind("dblclick.grid", function (e)
  3491. {
  3492. g._onDblClick.call(g, e);
  3493. });
  3494. g.grid.bind("contextmenu.grid", function (e)
  3495. {
  3496. return g._onContextmenu.call(g, e);
  3497. });
  3498. $(document).bind("mouseup.grid", function (e)
  3499. {
  3500. g._onMouseUp.call(g, e);
  3501. });
  3502. $(document).bind("click.grid", function (e)
  3503. {
  3504. g._onClick.call(g, e);
  3505. });
  3506. $(window).bind("resize.grid", function (e)
  3507. {
  3508. g._onResize.call(g);
  3509. });
  3510. $(document).bind("keydown.grid", function (e)
  3511. {
  3512. if (e.ctrlKey) g.ctrlKey = true;
  3513. });
  3514. $(document).bind("keyup.grid", function (e)
  3515. {
  3516. delete g.ctrlKey;
  3517. });
  3518. //表体 - 滚动联动事件
  3519. g.gridbody.bind('scroll.grid', function ()
  3520. {
  3521. var scrollLeft = g.gridbody.scrollLeft();
  3522. var scrollTop = g.gridbody.scrollTop();
  3523. if (scrollLeft != null)
  3524. g.gridheader[0].scrollLeft = scrollLeft;
  3525. if (scrollTop != null)
  3526. g.f.gridbody[0].scrollTop = scrollTop;
  3527. // g.endEdit(); //除去拖动滚动条的时候编辑状态取消
  3528. g.trigger('SysGridHeightChanged');
  3529. });
  3530. //工具条 - 切换每页记录数事件
  3531. $('select', g.toolbar).change(function ()
  3532. {
  3533. if (g.isDataChanged && !confirm(p.isContinueByDataChanged))
  3534. return false;
  3535. p.newPage = 1;
  3536. p.pageSize = this.value;
  3537. g.loadData(p.where);
  3538. });
  3539. //工具条 - 切换当前页事件
  3540. $('span.pcontrol :text', g.toolbar).blur(function (e)
  3541. {
  3542. g.changePage('input');
  3543. });
  3544. $("div.l-bar-button", g.toolbar).hover(function ()
  3545. {
  3546. $(this).addClass("l-bar-button-over");
  3547. }, function ()
  3548. {
  3549. $(this).removeClass("l-bar-button-over");
  3550. });
  3551. //列拖拽支持
  3552. if ($.fn.ligerDrag && p.colDraggable)
  3553. {
  3554. g.colDroptip = $("<div class='l-drag-coldroptip' style='display:none'><div class='l-drop-move-up'></div><div class='l-drop-move-down'></div></div>").appendTo('body');
  3555. g.gridheader.add(g.f.gridheader).ligerDrag({ revert: true, animate: false,
  3556. proxyX: 0, proxyY: 0,
  3557. proxy: function (draggable, e)
  3558. {
  3559. var src = g._getSrcElementByEvent(e);
  3560. if (src.hcell && src.column)
  3561. {
  3562. var content = $(".l-grid-hd-cell-text:first", src.hcell).html();
  3563. var proxy = $("<div class='l-drag-proxy' style='display:none'><div class='l-drop-icon l-drop-no'></div></div>").appendTo('body');
  3564. proxy.append(content);
  3565. return proxy;
  3566. }
  3567. },
  3568. onRevert: function () { return false; },
  3569. onRendered: function ()
  3570. {
  3571. this.set('cursor', 'default');
  3572. g.children[this.id] = this;
  3573. },
  3574. onStartDrag: function (current, e)
  3575. {
  3576. if (e.button == 2) return false;
  3577. if (g.colresizing) return false;
  3578. this.set('cursor', 'default');
  3579. var src = g._getSrcElementByEvent(e);
  3580. if (!src.hcell || !src.column || src.column.issystem || src.hcelltext) return false;
  3581. if ($(src.hcell).css('cursor').indexOf('resize') != -1) return false;
  3582. this.draggingColumn = src.column;
  3583. g.coldragging = true;
  3584. var gridOffset = g.grid.offset();
  3585. this.validRange = {
  3586. top: gridOffset.top,
  3587. bottom: gridOffset.top + g.gridheader.height(),
  3588. left: gridOffset.left - 10,
  3589. right: gridOffset.left + g.grid.width() + 10
  3590. };
  3591. },
  3592. onDrag: function (current, e)
  3593. {
  3594. this.set('cursor', 'default');
  3595. var column = this.draggingColumn;
  3596. if (!column) return false;
  3597. if (g.colresizing) return false;
  3598. if (g.colDropIn == null)
  3599. g.colDropIn = -1;
  3600. var pageX = e.pageX;
  3601. var pageY = e.pageY;
  3602. var visit = false;
  3603. var gridOffset = g.grid.offset();
  3604. var validRange = this.validRange;
  3605. if (pageX < validRange.left || pageX > validRange.right
  3606. || pageY > validRange.bottom || pageY < validRange.top)
  3607. {
  3608. g.colDropIn = -1;
  3609. g.colDroptip.hide();
  3610. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-yes").addClass("l-drop-no");
  3611. return;
  3612. }
  3613. for (var colid in g._columns)
  3614. {
  3615. var col = g._columns[colid];
  3616. if (column == col)
  3617. {
  3618. visit = true;
  3619. continue;
  3620. }
  3621. if (col.issystem) continue;
  3622. var sameLevel = col['__level'] == column['__level'];
  3623. var isAfter = !sameLevel ? false : visit ? true : false;
  3624. if (column.frozen != col.frozen) isAfter = col.frozen ? false : true;
  3625. if (g.colDropIn != -1 && g.colDropIn != colid) continue;
  3626. var cell = document.getElementById(col['__domid']);
  3627. var offset = $(cell).offset();
  3628. var range = {
  3629. top: offset.top,
  3630. bottom: offset.top + $(cell).height(),
  3631. left: offset.left - 10,
  3632. right: offset.left + 10
  3633. };
  3634. if (isAfter)
  3635. {
  3636. var cellwidth = $(cell).width();
  3637. range.left += cellwidth;
  3638. range.right += cellwidth;
  3639. }
  3640. if (pageX > range.left && pageX < range.right && pageY > range.top && pageY < range.bottom)
  3641. {
  3642. var height = p.headerRowHeight;
  3643. if (col['__rowSpan']) height *= col['__rowSpan'];
  3644. g.colDroptip.css({
  3645. left: range.left + 5,
  3646. top: range.top - 9,
  3647. height: height + 9 * 2
  3648. }).show();
  3649. g.colDropIn = colid;
  3650. g.colDropDir = isAfter ? "right" : "left";
  3651. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-no").addClass("l-drop-yes");
  3652. break;
  3653. }
  3654. else if (g.colDropIn != -1)
  3655. {
  3656. g.colDropIn = -1;
  3657. g.colDroptip.hide();
  3658. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-yes").addClass("l-drop-no");
  3659. }
  3660. }
  3661. },
  3662. onStopDrag: function (current, e)
  3663. {
  3664. var column = this.draggingColumn;
  3665. g.coldragging = false;
  3666. if (g.colDropIn != -1)
  3667. {
  3668. g.changeCol.ligerDefer(g, 0, [column, g.colDropIn, g.colDropDir == "right"]);
  3669. g.colDropIn = -1;
  3670. }
  3671. g.colDroptip.hide();
  3672. this.set('cursor', 'default');
  3673. }
  3674. });
  3675. }
  3676. //行拖拽支持
  3677. if ($.fn.ligerDrag && p.rowDraggable)
  3678. {
  3679. g.rowDroptip = $("<div class='l-drag-rowdroptip' style='display:none'></div>").appendTo('body');
  3680. g.gridbody.add(g.f.gridbody).ligerDrag({ revert: true, animate: false,
  3681. proxyX: 0, proxyY: 0,
  3682. proxy: function (draggable, e)
  3683. {
  3684. var src = g._getSrcElementByEvent(e);
  3685. if (src.row)
  3686. {
  3687. var content = p.draggingMessage.replace(/{count}/, draggable.draggingRows ? draggable.draggingRows.length : 1);
  3688. if (p.rowDraggingRender)
  3689. {
  3690. content = p.rowDraggingRender(draggable.draggingRows, draggable, g);
  3691. }
  3692. var proxy = $("<div class='l-drag-proxy' style='display:none'><div class='l-drop-icon l-drop-no'></div>" + content + "</div>").appendTo('body');
  3693. return proxy;
  3694. }
  3695. },
  3696. onRevert: function () { return false; },
  3697. onRendered: function ()
  3698. {
  3699. this.set('cursor', 'default');
  3700. g.children[this.id] = this;
  3701. },
  3702. onStartDrag: function (current, e)
  3703. {
  3704. if (e.button == 2) return false;
  3705. if (g.colresizing) return false;
  3706. if (!g.columns.length) return false;
  3707. this.set('cursor', 'default');
  3708. var src = g._getSrcElementByEvent(e);
  3709. if (!src.cell || !src.data || src.checkbox) return false;
  3710. var ids = src.cell.id.split('|');
  3711. var column = g._columns[ids[ids.length - 1]];
  3712. if (src.rownumberscell || src.detailcell || src.checkboxcell || column == g.columns[0])
  3713. {
  3714. if (g.enabledCheckbox())
  3715. {
  3716. this.draggingRows = g.getSelecteds();
  3717. if (!this.draggingRows || !this.draggingRows.length) return false;
  3718. }
  3719. else
  3720. {
  3721. this.draggingRows = [src.data];
  3722. }
  3723. this.draggingRow = src.data;
  3724. this.set('cursor', 'move');
  3725. g.rowdragging = true;
  3726. this.validRange = {
  3727. top: g.gridbody.offset().top,
  3728. bottom: g.gridbody.offset().top + g.gridbody.height(),
  3729. left: g.grid.offset().left - 10,
  3730. right: g.grid.offset().left + g.grid.width() + 10
  3731. };
  3732. }
  3733. else
  3734. {
  3735. return false;
  3736. }
  3737. },
  3738. onDrag: function (current, e)
  3739. {
  3740. var rowdata = this.draggingRow;
  3741. if (!rowdata) return false;
  3742. var rows = this.draggingRows ? this.draggingRows : [rowdata];
  3743. if (g.colresizing) return false;
  3744. if (g.rowDropIn == null) g.rowDropIn = -1;
  3745. var pageX = e.pageX;
  3746. var pageY = e.pageY;
  3747. var visit = false;
  3748. var validRange = this.validRange;
  3749. if (pageX < validRange.left || pageX > validRange.right
  3750. || pageY > validRange.bottom || pageY < validRange.top)
  3751. {
  3752. g.rowDropIn = -1;
  3753. g.rowDroptip.hide();
  3754. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-yes l-drop-add").addClass("l-drop-no");
  3755. return;
  3756. }
  3757. for (var i in g.rows)
  3758. {
  3759. var rd = g.rows[i];
  3760. var rowid = rd['__id'];
  3761. if (rowdata == rd) visit = true;
  3762. if ($.inArray(rd, rows) != -1) continue;
  3763. var isAfter = visit ? true : false;
  3764. if (g.rowDropIn != -1 && g.rowDropIn != rowid) continue;
  3765. var rowobj = g.getRowObj(rowid);
  3766. var offset = $(rowobj).offset();
  3767. var range = {
  3768. top: offset.top - 4,
  3769. bottom: offset.top + $(rowobj).height() + 4,
  3770. left: g.grid.offset().left,
  3771. right: g.grid.offset().left + g.grid.width()
  3772. };
  3773. if (pageX > range.left && pageX < range.right && pageY > range.top && pageY < range.bottom)
  3774. {
  3775. var lineTop = offset.top;
  3776. if (isAfter) lineTop += $(rowobj).height();
  3777. g.rowDroptip.css({
  3778. left: range.left,
  3779. top: lineTop,
  3780. width: range.right - range.left
  3781. }).show();
  3782. g.rowDropIn = rowid;
  3783. g.rowDropDir = isAfter ? "bottom" : "top";
  3784. if (p.tree && pageY > range.top + 5 && pageY < range.bottom - 5)
  3785. {
  3786. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-no l-drop-yes").addClass("l-drop-add");
  3787. g.rowDroptip.hide();
  3788. g.rowDropInParent = true;
  3789. }
  3790. else
  3791. {
  3792. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-no l-drop-add").addClass("l-drop-yes");
  3793. g.rowDroptip.show();
  3794. g.rowDropInParent = false;
  3795. }
  3796. break;
  3797. }
  3798. else if (g.rowDropIn != -1)
  3799. {
  3800. g.rowDropIn = -1;
  3801. g.rowDropInParent = false;
  3802. g.rowDroptip.hide();
  3803. this.proxy.find(".l-drop-icon:first").removeClass("l-drop-yes l-drop-add").addClass("l-drop-no");
  3804. }
  3805. }
  3806. },
  3807. onStopDrag: function (current, e)
  3808. {
  3809. var rows = this.draggingRows;
  3810. g.rowdragging = false;
  3811. for (var i = 0; i < rows.length; i++)
  3812. {
  3813. var children = rows[i].children;
  3814. if (children)
  3815. {
  3816. rows = $.grep(rows, function (node, i)
  3817. {
  3818. var isIn = $.inArray(node, children) == -1;
  3819. return isIn;
  3820. });
  3821. }
  3822. }
  3823. if (g.rowDropIn != -1)
  3824. {
  3825. if (p.tree)
  3826. {
  3827. var neardata, prow;
  3828. if (g.rowDropInParent)
  3829. {
  3830. prow = g.getRow(g.rowDropIn);
  3831. }
  3832. else
  3833. {
  3834. neardata = g.getRow(g.rowDropIn);
  3835. prow = g.getParent(neardata);
  3836. }
  3837. g.appendRange(rows, prow, neardata, g.rowDropDir != "bottom");
  3838. g.trigger('rowDragDrop', {
  3839. rows: rows,
  3840. parent: prow,
  3841. near: neardata,
  3842. after: g.rowDropDir == "bottom"
  3843. });
  3844. }
  3845. else
  3846. {
  3847. g.moveRange(rows, g.rowDropIn, g.rowDropDir == "bottom");
  3848. g.trigger('rowDragDrop', {
  3849. rows: rows,
  3850. parent: prow,
  3851. near: g.getRow(g.rowDropIn),
  3852. after: g.rowDropDir == "bottom"
  3853. });
  3854. }
  3855. g.rowDropIn = -1;
  3856. }
  3857. g.rowDroptip.hide();
  3858. this.set('cursor', 'default');
  3859. }
  3860. });
  3861. }
  3862. },
  3863. _onRowOver: function (rowParm, over)
  3864. {
  3865. if (l.draggable.dragging) return;
  3866. var g = this, p = this.options;
  3867. var rowdata = g.getRow(rowParm);
  3868. var methodName = over ? "addClass" : "removeClass";
  3869. if (g.enabledFrozen())
  3870. $(g.getRowObj(rowdata, true))[methodName](p.mouseoverRowCssClass);
  3871. $(g.getRowObj(rowdata, false))[methodName](p.mouseoverRowCssClass);
  3872. },
  3873. _onMouseUp: function (e)
  3874. {
  3875. var g = this, p = this.options;
  3876. if (l.draggable.dragging)
  3877. {
  3878. var src = g._getSrcElementByEvent(e);
  3879. //drop in header cell
  3880. if (src.hcell && src.column)
  3881. {
  3882. g.trigger('dragdrop', [{ type: 'header', column: src.column, cell: src.hcell }, e]);
  3883. }
  3884. else if (src.row)
  3885. {
  3886. g.trigger('dragdrop', [{ type: 'row', record: src.data, row: src.row }, e]);
  3887. }
  3888. }
  3889. },
  3890. _onMouseDown: function (e)
  3891. {
  3892. var g = this, p = this.options;
  3893. },
  3894. _onContextmenu: function (e)
  3895. {
  3896. var g = this, p = this.options;
  3897. var src = g._getSrcElementByEvent(e);
  3898. if (src.row)
  3899. {
  3900. if (p.whenRClickToSelect)
  3901. g.select(src.data);
  3902. if (g.hasBind('contextmenu'))
  3903. {
  3904. return g.trigger('contextmenu', [{ data: src.data, rowindex: src.data['__index'], row: src.row }, e]);
  3905. }
  3906. }
  3907. else if (src.hcell)
  3908. {
  3909. if (!p.allowHideColumn) return true;
  3910. var columnindex = $(src.hcell).attr("columnindex");
  3911. if (columnindex == undefined) return true;
  3912. var left = (e.pageX - g.body.offset().left + parseInt(g.body[0].scrollLeft));
  3913. if (columnindex == g.columns.length - 1) left -= 50;
  3914. g.popup.css({ left: left, top: g.gridheader.height() + 1 });
  3915. g.popup.toggle();
  3916. return false;
  3917. }
  3918. },
  3919. _onDblClick: function (e)
  3920. {
  3921. var g = this, p = this.options;
  3922. var src = g._getSrcElementByEvent(e);
  3923. if (src.row)
  3924. {
  3925. g.trigger('dblClickRow', [src.data, src.data['__id'], src.row]);
  3926. }
  3927. },
  3928. _onClick: function (e)
  3929. {
  3930. var obj = (e.target || e.srcElement);
  3931. var g = this, p = this.options;
  3932. var src = g._getSrcElementByEvent(e);
  3933. if (src.out)
  3934. {
  3935. if (g.editor.editing && !$.ligerui.win.masking) g.endEdit();
  3936. if (p.allowHideColumn) g.popup.hide();
  3937. return;
  3938. }
  3939. if (src.indetail || src.editing)
  3940. {
  3941. return;
  3942. }
  3943. if (g.editor.editing)
  3944. {
  3945. g.endEdit();
  3946. }
  3947. if (p.allowHideColumn)
  3948. {
  3949. if (!src.popup)
  3950. {
  3951. g.popup.hide();
  3952. }
  3953. }
  3954. if (src.checkboxall) //复选框全选
  3955. {
  3956. var row = $(src.hrow);
  3957. var uncheck = row.hasClass("l-checked");
  3958. if (g.trigger('beforeCheckAllRow', [!uncheck, g.element]) == false) return false;
  3959. if (uncheck)
  3960. {
  3961. row.removeClass("l-checked");
  3962. }
  3963. else
  3964. {
  3965. row.addClass("l-checked");
  3966. }
  3967. g.selected = [];
  3968. for (var rowid in g.records)
  3969. {
  3970. if (uncheck)
  3971. g.unselect(g.records[rowid]);
  3972. else
  3973. g.select(g.records[rowid]);
  3974. }
  3975. g.trigger('checkAllRow', [!uncheck, g.element]);
  3976. }
  3977. else if (src.hcelltext) //排序
  3978. {
  3979. var hcell = $(src.hcelltext).parent().parent();
  3980. if (!p.enabledSort || !src.column) return;
  3981. if (src.column.isSort == false) return;
  3982. if (p.url && g.isDataChanged && !confirm(p.isContinueByDataChanged)) return;
  3983. var sort = $(".l-grid-hd-cell-sort:first", hcell);
  3984. var columnName = src.column.name;
  3985. if (!columnName) return;
  3986. if (sort.length > 0)
  3987. {
  3988. if (sort.hasClass("l-grid-hd-cell-sort-asc"))
  3989. {
  3990. sort.removeClass("l-grid-hd-cell-sort-asc").addClass("l-grid-hd-cell-sort-desc");
  3991. hcell.removeClass("l-grid-hd-cell-asc").addClass("l-grid-hd-cell-desc");
  3992. g.changeSort(columnName, 'desc');
  3993. }
  3994. else if (sort.hasClass("l-grid-hd-cell-sort-desc"))
  3995. {
  3996. sort.removeClass("l-grid-hd-cell-sort-desc").addClass("l-grid-hd-cell-sort-asc");
  3997. hcell.removeClass("l-grid-hd-cell-desc").addClass("l-grid-hd-cell-asc");
  3998. g.changeSort(columnName, 'asc');
  3999. }
  4000. }
  4001. else
  4002. {
  4003. hcell.removeClass("l-grid-hd-cell-desc").addClass("l-grid-hd-cell-asc");
  4004. $(src.hcelltext).after("<span class='l-grid-hd-cell-sort l-grid-hd-cell-sort-asc'>&nbsp;&nbsp;</span>");
  4005. g.changeSort(columnName, 'asc');
  4006. }
  4007. $(".l-grid-hd-cell-sort", g.gridheader).add($(".l-grid-hd-cell-sort", g.f.gridheader)).not($(".l-grid-hd-cell-sort:first", hcell)).remove();
  4008. }
  4009. //明细
  4010. else if (src.detailbtn && p.detail)
  4011. {
  4012. var item = src.data;
  4013. var row = $([g.getRowObj(item, false)]);
  4014. if (g.enabledFrozen()) row = row.add(g.getRowObj(item, true));
  4015. var rowid = item['__id'];
  4016. if ($(src.detailbtn).hasClass("l-open"))
  4017. {
  4018. if (p.detail.onCollapse)
  4019. p.detail.onCollapse(item, $(".l-grid-detailpanel-inner:first", nextrow)[0]);
  4020. row.next("tr.l-grid-detailpanel").hide();
  4021. $(src.detailbtn).removeClass("l-open");
  4022. }
  4023. else
  4024. {
  4025. var nextrow = row.next("tr.l-grid-detailpanel");
  4026. if (nextrow.length > 0)
  4027. {
  4028. nextrow.show();
  4029. if (p.detail.onExtend)
  4030. p.detail.onExtend(item, $(".l-grid-detailpanel-inner:first", nextrow)[0]);
  4031. $(src.detailbtn).addClass("l-open");
  4032. g.trigger('SysGridHeightChanged');
  4033. return;
  4034. }
  4035. $(src.detailbtn).addClass("l-open");
  4036. var frozenColNum = 0;
  4037. for (var i = 0; i < g.columns.length; i++)
  4038. if (g.columns[i].frozen) frozenColNum++;
  4039. var detailRow = $("<tr class='l-grid-detailpanel'><td><div class='l-grid-detailpanel-inner' style='display:none'></div></td></tr>");
  4040. var detailFrozenRow = $("<tr class='l-grid-detailpanel'><td><div class='l-grid-detailpanel-inner' style='display:none'></div></td></tr>");
  4041. detailRow.attr("id", g.id + "|detail|" + rowid);
  4042. g.detailrows = g.detailrows || [];
  4043. g.detailrows.push(detailRow[0]);
  4044. g.detailrows.push(detailFrozenRow[0]);
  4045. var detailRowInner = $("div:first", detailRow);
  4046. detailRowInner.parent().attr("colSpan", g.columns.length - frozenColNum);
  4047. row.eq(0).after(detailRow);
  4048. if (frozenColNum > 0)
  4049. {
  4050. detailFrozenRow.find("td:first").attr("colSpan", frozenColNum);
  4051. row.eq(1).after(detailFrozenRow);
  4052. }
  4053. if (p.detail.onShowDetail)
  4054. {
  4055. p.detail.onShowDetail(item, detailRowInner[0], function ()
  4056. {
  4057. g.trigger('SysGridHeightChanged');
  4058. });
  4059. $("div:first", detailFrozenRow).add(detailRowInner).show().height(p.detail.height || p.detailHeight);
  4060. }
  4061. else if (p.detail.render)
  4062. {
  4063. detailRowInner.append(p.detail.render());
  4064. detailRowInner.show();
  4065. }
  4066. g.trigger('SysGridHeightChanged');
  4067. }
  4068. }
  4069. else if (src.groupbtn)
  4070. {
  4071. var grouprow = $(src.grouprow);
  4072. var opening = true;
  4073. if ($(src.groupbtn).hasClass("l-grid-group-togglebtn-close"))
  4074. {
  4075. $(src.groupbtn).removeClass("l-grid-group-togglebtn-close");
  4076. if (grouprow.hasClass("l-grid-grouprow-last"))
  4077. {
  4078. $("td:first", grouprow).width('auto');
  4079. }
  4080. }
  4081. else
  4082. {
  4083. opening = false;
  4084. $(src.groupbtn).addClass("l-grid-group-togglebtn-close");
  4085. if (grouprow.hasClass("l-grid-grouprow-last"))
  4086. {
  4087. $("td:first", grouprow).width(g.gridtablewidth);
  4088. }
  4089. }
  4090. var currentRow = grouprow.next(".l-grid-row,.l-grid-totalsummary-group,.l-grid-detailpanel");
  4091. while (true)
  4092. {
  4093. if (currentRow.length == 0) break;
  4094. if (opening)
  4095. {
  4096. currentRow.show();
  4097. //如果是明细展开的行,并且之前的状态已经是关闭的,隐藏之
  4098. if (currentRow.hasClass("l-grid-detailpanel") && !currentRow.prev().find("td.l-grid-row-cell-detail:first span.l-grid-row-cell-detailbtn:first").hasClass("l-open"))
  4099. {
  4100. currentRow.hide();
  4101. }
  4102. }
  4103. else
  4104. {
  4105. currentRow.hide();
  4106. }
  4107. currentRow = currentRow.next(".l-grid-row,.l-grid-totalsummary-group,.l-grid-detailpanel");
  4108. }
  4109. g.trigger('SysGridHeightChanged');
  4110. }
  4111. //树 - 伸展/收缩节点
  4112. else if (src.treelink)
  4113. {
  4114. g.toggle(src.data);
  4115. }
  4116. else if (src.row && g.enabledCheckbox()) //复选框选择行
  4117. {
  4118. //复选框
  4119. var selectRowButtonOnly = p.selectRowButtonOnly ? true : false;
  4120. if (p.enabledEdit) selectRowButtonOnly = true;
  4121. if (src.checkbox || !selectRowButtonOnly)
  4122. {
  4123. var row = $(src.row);
  4124. var uncheck = row.hasClass("l-selected");
  4125. if (g.trigger('beforeCheckRow', [!uncheck, src.data, src.data['__id'], src.row]) == false)
  4126. return false;
  4127. var met = uncheck ? 'unselect' : 'select';
  4128. g[met](src.data);
  4129. if (p.tree && p.autoCheckChildren)
  4130. {
  4131. var children = g.getChildren(src.data, true);
  4132. for (var i = 0, l = children.length; i < l; i++)
  4133. {
  4134. g[met](children[i]);
  4135. }
  4136. }
  4137. g.trigger('checkRow', [!uncheck, src.data, src.data['__id'], src.row]);
  4138. }
  4139. if (!src.checkbox && src.cell && p.enabledEdit && p.clickToEdit)
  4140. {
  4141. g._applyEditor(src.cell);
  4142. }
  4143. }
  4144. else if (src.row && !g.enabledCheckbox())
  4145. {
  4146. if (src.cell && p.enabledEdit && p.clickToEdit)
  4147. {
  4148. g._applyEditor(src.cell);
  4149. }
  4150. //选择行
  4151. if ($(src.row).hasClass("l-selected"))
  4152. {
  4153. if (!p.allowUnSelectRow)
  4154. {
  4155. $(src.row).addClass("l-selected-again");
  4156. return;
  4157. }
  4158. g.unselect(src.data);
  4159. }
  4160. else
  4161. {
  4162. g.select(src.data);
  4163. }
  4164. }
  4165. else if (src.toolbar)
  4166. {
  4167. if (src.first)
  4168. {
  4169. if (g.trigger('toFirst', [g.element]) == false) return false;
  4170. g.changePage('first');
  4171. }
  4172. else if (src.prev)
  4173. {
  4174. if (g.trigger('toPrev', [g.element]) == false) return false;
  4175. g.changePage('prev');
  4176. }
  4177. else if (src.next)
  4178. {
  4179. if (g.trigger('toNext', [g.element]) == false) return false;
  4180. g.changePage('next');
  4181. }
  4182. else if (src.last)
  4183. {
  4184. if (g.trigger('toLast', [g.element]) == false) return false;
  4185. g.changePage('last');
  4186. }
  4187. else if (src.load)
  4188. {
  4189. if ($("span", src.load).hasClass("l-disabled")) return false;
  4190. if (g.trigger('reload', [g.element]) == false) return false;
  4191. if (p.url && g.isDataChanged && !confirm(p.isContinueByDataChanged))
  4192. return false;
  4193. g.loadData(p.where);
  4194. }
  4195. }
  4196. },
  4197. select: function (rowParm)
  4198. {
  4199. var g = this, p = this.options;
  4200. var rowdata = g.getRow(rowParm);
  4201. var rowid = rowdata['__id'];
  4202. var rowobj = g.getRowObj(rowid);
  4203. var rowobj1 = g.getRowObj(rowid, true);
  4204. if (!g.enabledCheckbox() && !g.ctrlKey) //单选
  4205. {
  4206. for (var i in g.selected)
  4207. {
  4208. var o = g.selected[i];
  4209. if (o['__id'] in g.records)
  4210. {
  4211. $(g.getRowObj(o)).removeClass("l-selected l-selected-again");
  4212. if (g.enabledFrozen())
  4213. $(g.getRowObj(o, true)).removeClass("l-selected l-selected-again");
  4214. }
  4215. }
  4216. g.selected = [];
  4217. }
  4218. if (rowobj) $(rowobj).addClass("l-selected");
  4219. if (rowobj1) $(rowobj1).addClass("l-selected");
  4220. g.selected[g.selected.length] = rowdata;
  4221. g.trigger('selectRow', [rowdata, rowid, rowobj]);
  4222. },
  4223. unselect: function (rowParm)
  4224. {
  4225. var g = this, p = this.options;
  4226. var rowdata = g.getRow(rowParm);
  4227. var rowid = rowdata['__id'];
  4228. var rowobj = g.getRowObj(rowid);
  4229. var rowobj1 = g.getRowObj(rowid, true);
  4230. $(rowobj).removeClass("l-selected l-selected-again");
  4231. if (g.enabledFrozen())
  4232. $(rowobj1).removeClass("l-selected l-selected-again");
  4233. g._removeSelected(rowdata);
  4234. g.trigger('unSelectRow', [rowdata, rowid, rowobj]);
  4235. },
  4236. isSelected: function (rowParm)
  4237. {
  4238. var g = this, p = this.options;
  4239. var rowdata = g.getRow(rowParm);
  4240. for (var i in g.selected)
  4241. {
  4242. if (g.selected[i] == rowdata) return true;
  4243. }
  4244. return false;
  4245. },
  4246. _onResize: function ()
  4247. {
  4248. var g = this, p = this.options;
  4249. if(p.height=='auto'){
  4250. p.height="100%";//加上就有纵向滚动条 没加就有横向滚动条
  4251. }
  4252. if (p.height && p.height != 'auto')
  4253. {
  4254. var windowHeight = $(window).height();
  4255. var h = 0;
  4256. var parentHeight = null;
  4257. if (typeof (p.height) == "string" && p.height.indexOf('%') > 0)
  4258. {
  4259. var gridparent = g.grid.parent();
  4260. if (p.InWindow)
  4261. {
  4262. parentHeight = windowHeight;
  4263. parentHeight -= parseInt($('body').css('paddingTop'));
  4264. parentHeight -= parseInt($('body').css('paddingBottom'));
  4265. }
  4266. else
  4267. {
  4268. parentHeight = gridparent.height();
  4269. }
  4270. h = parentHeight * parseFloat(p.height) * 0.01;
  4271. if (p.InWindow || gridparent[0].tagName.toLowerCase() == "body")
  4272. h -= (g.grid.offset().top - parseInt($('body').css('paddingTop')));
  4273. }
  4274. else
  4275. {
  4276. h = parseInt(p.height);
  4277. }
  4278. h += p.heightDiff;
  4279. g.windowHeight = windowHeight;
  4280. g._setHeight(h);
  4281. }
  4282. if (g.enabledFrozen())
  4283. {
  4284. var gridView1Width = g.gridview1.width();
  4285. var gridViewWidth = g.gridview.width()
  4286. g.gridview2.css({
  4287. width: gridViewWidth - gridView1Width
  4288. });
  4289. }
  4290. g.trigger('SysGridHeightChanged');
  4291. },
  4292. _getSearchData : function(response){
  4293. var data=eval(response);
  4294. var g = grid, p = grid.options;
  4295. pageBean=data[1];
  4296. g.currentData[p.root] = g.data[p.root] = getFormatData(data[0]);
  4297. g.currentData[p.record] = g.data[p.record] =pageBean['totalCount'];
  4298. g._showData();
  4299. }
  4300. });
  4301. $.ligerui.controls.Grid.prototype.enabledTotal = $.ligerui.controls.Grid.prototype.isTotalSummary;
  4302. $.ligerui.controls.Grid.prototype.add = $.ligerui.controls.Grid.prototype.addRow;
  4303. $.ligerui.controls.Grid.prototype.update = $.ligerui.controls.Grid.prototype.updateRow;
  4304. $.ligerui.controls.Grid.prototype.append = $.ligerui.controls.Grid.prototype.appendRow;
  4305. $.ligerui.controls.Grid.prototype.getSelected = $.ligerui.controls.Grid.prototype.getSelectedRow;
  4306. $.ligerui.controls.Grid.prototype.getSelecteds = $.ligerui.controls.Grid.prototype.getSelectedRows;
  4307. $.ligerui.controls.Grid.prototype.getCheckedRows = $.ligerui.controls.Grid.prototype.getSelectedRows;
  4308. $.ligerui.controls.Grid.prototype.getCheckedRowObjs = $.ligerui.controls.Grid.prototype.getSelectedRowObjs;
  4309. $.ligerui.controls.Grid.prototype.setOptions = $.ligerui.controls.Grid.prototype.set;
  4310. })(jQuery);