基于EasyUldatagrid实现数据库操作的方法.pdfVIP

计算机光盘软件与应用 2012年第22期 ComputerCDSoftwareandApplications 本刊约稿 基于EasyUldatagrid实现数据库操作的方法 杨旭光 (百色学院数学与计算机信息工程系，广西百色 533000) 摘要：MVC三层架构是一种经典的设计模式，MVC的思想是将 “~-,h-” (View)、 “数据” (Mode1)和 “控制” (Contro1)分开。而lqueryUI作为前端视 图的一种流行插件，也正逐渐得到广泛应用。其中Datagrid是数据库WEB页 面呈现较频繁的一种样式，设计中，数据在呈现于WEB页面前，已事先被封装为JSON格式的数据，数据和显示及控 制是分开进行 的。 关键词 ：1query；1SON数据格式；MVC三层架构 中图分类号：TP311．13 文献标识码 ：A 文章编号：1007—9599(2012)22—0027—03 1 前言 scriptvatlastlndex，k flag，uprow； 在WEB服务的开发应用中，MVC多层次架构设计已 $(functionO{k_flag=0； 逐渐成为了一种流行的设计思想。在早期基于 PHP开发 $(’#tt’)．datagrid({ WEB服务应用时，一般是把HTML的产生放在PHP中l【J， onARerEdit：function(rowlndex， PHP开发人员需对 HTML等前端技术也要有较深入的了 rowData，changes){uprow=rowData；}， 解，才能进行开发。而 目前，随着模型．视图．控制器开发 onClickRow：function(rowlndex){ 模式的引入，它不仅减轻了开发人员的负担，而且也增加 if(1astlndex_『rowlndex){$#tt’)．datagri~’endEdit’， 了设计应用中的灵活性。提高了系统的可维护性、可扩展 lastIndex)； 性和可移植性。其中，在视图前端WebUI技术中关于数据 $(’j}j!tt’)．datagrid(b’eginEdit’，rowlndex)；) 库数据网格的操作是较频繁的一类应用需求。EasyUI lastIndex=rowIndex；}， DataGrid作为现较流行的一种数据网格插件，已得到了广 onBeforeLoad：function(){$(this)．datagrid(’rejectChanges’ 泛的运用。它是一个用 Jquery[21写的DataGrid，在具体产生 )；}，pagination：true})； DataGrid时可有两种方法来实现： $(’撑tt)．datagrid(’getPager)．pagination({ (1)使用PHP等后台语言直接产生HTML语法来显 displayMsg：’当前显示从 {from}~Jl{to}brcenter共 示DataGrid，当要对该DataGrid操作时，在传递参数到后 {total}记录／cemer’，beforePageText：’第’，aflerPageText：’页， 端，重新产生整个网页。 共{pages}页’，onBeforeRefresh：funetio