UU跑腿标准版

ligerGrid.js 183KB

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