|
|
而 EasyUI DataGrid 支援兩種做法，一個(gè)是，上述，后臺(tái) server 把顯示的 HTML 產(chǎn)生好，在給前端顯示。另一種是，利用 AJAX 的方式來(lái)產(chǎn)生，就只是單純喂 JSON 格式資料給前端，前端接收到資料后，在自己分析資料利用 JQuery 來(lái)刷新 DataGrid 該部分的畫(huà)面。
這邊介紹的是第二種做法，利用 AJAX 技術(shù)來(lái)做，這樣的好處，是可以把 資料層-> 控制層-> 展示層 三層獨(dú)立來(lái)運(yùn)作，達(dá)到我在之前 多層次架構(gòu)設(shè)計(jì)前言 所講的精神，不會(huì)像老方法，把 HTML 的產(chǎn)生都放在 php 中來(lái)產(chǎn)生，造成 php 開(kāi)發(fā)人員本身，也要對(duì) HTML 等前端技術(shù)也要了解很深才能進(jìn)行開(kāi)發(fā)的問(wèn)題。
在來(lái)如此作法，為帶來(lái)另一種好處，就是你前端的 UI 是可以更換，而后臺(tái)程式卻不用來(lái)大幅修改。目前支援 JSON 資料格式的 JavaScript DataGrid 有很多各，大家也可以多去參考其他的公司所提供的 DataGrid ，從中選擇一個(gè)最適合的來(lái)使用。
介紹到此，接下來(lái)直接看程式碼，會(huì)更加了解我上述的意思：
首先，需要先設(shè)計(jì) HTML UI 介面，定義要顯示哪些欄位，欄位的顯示名稱(chēng)等，關(guān)于這部分的欄位定義，EasyUI DataGrid 也是有提供，使用 JavaScript 來(lái)動(dòng)態(tài)定義，而我習(xí)慣用 HTML 直接定義，這樣 也不復(fù)雜，后面在分工上，也比較容易來(lái)直接交給 Web 美工人員來(lái)直接操作。
這部分重點(diǎn)在 URL 的設(shè)定。
DataGrid2.php
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="jquery,ui,easy,easyui,web">
<meta name="description" content="easyui help you build your web page easily!">
<title>一 主站蜘蛛池模板： 安装暖气片电话| 2025最火蛋糕图片| 成毅壁纸| 花样厨神 电影| 童宁电影| 大学生国防论文2000字| 热带往事 电影| 白上之黑电影高清完整版在线观看 | 我在等你回家剧情介绍| 成龙电影大全免费功夫片| 偏偏喜欢你演员表| 演员李明个人资料| 万万没想到第三季| 上瘾电影| 江南style歌词翻译成中文| 铠甲勇士雷霆雅塔莱斯| angela white| 亲密 电影| 荒野求生无马赛原版在哪里看| 员工离职协议书| 无懈可击图片| 汪佳辉| 恋爱症候群| 马伊琍于和伟主演的电视剧| 电影白上之黑| 100条谐音歇后语| 宇宙战队| 日本十大歌姬排名| 女子阴道| 《军官夫人》电影在线观看| 暖春| 欲望中的女人电影| 欲孽迷宫电影| jagger| 我爱我爹全集高清版免费观看| 杨佑宁个人简历| 蓝家宝电影| 女用春情药什么好| cgtn英语频道在线直播观看| 黑色纳粹电影完整版| https://www.douyin.com/pay|