|
|
而 EasyUI DataGrid 支援兩種做法，一個(gè)是，上述，后臺 server 把顯示的 HTML 產(chǎn)生好，在給前端顯示。另一種是，利用 AJAX 的方式來產(chǎn)生，就只是單純喂 JSON 格式資料給前端，前端接收到資料后，在自己分析資料利用 JQuery 來刷新 DataGrid 該部分的畫面。
這邊介紹的是第二種做法，利用 AJAX 技術(shù)來做，這樣的好處，是可以把 資料層-> 控制層-> 展示層 三層獨(dú)立來運(yùn)作，達(dá)到我在之前 多層次架構(gòu)設(shè)計(jì)前言 所講的精神，不會(huì)像老方法，把 HTML 的產(chǎn)生都放在 php 中來產(chǎn)生，造成 php 開發(fā)人員本身，也要對 HTML 等前端技術(shù)也要了解很深才能進(jìn)行開發(fā)的問題。
在來如此作法，為帶來另一種好處，就是你前端的 UI 是可以更換，而后臺程式卻不用來大幅修改。目前支援 JSON 資料格式的 JavaScript DataGrid 有很多各，大家也可以多去參考其他的公司所提供的 DataGrid ，從中選擇一個(gè)最適合的來使用。
介紹到此，接下來直接看程式碼，會(huì)更加了解我上述的意思：
首先，需要先設(shè)計(jì) HTML UI 介面，定義要顯示哪些欄位，欄位的顯示名稱等，關(guān)于這部分的欄位定義，EasyUI DataGrid 也是有提供，使用 JavaScript 來動(dòng)態(tài)定義，而我習(xí)慣用 HTML 直接定義，這樣 也不復(fù)雜，后面在分工上，也比較容易來直接交給 Web 美工人員來直接操作。
這部分重點(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>一 主站蜘蛛池模板： 4480yy午夜私人影院 | 久久免费精品国产72精品剧情 | 同时被两个男人轮流舔 | 无码人妻精品一区二区蜜桃在线看 | 撕开美女的衣服2 | 97色伦亚洲自偷 | 亚洲AV久久久噜噜噜噜 | 少妇无码太爽了视频在线播放 | 漂亮的保姆5电影免费观看完整版中文 | 两个人的视频hd全免费 | 曰本aaaaa毛片午夜网站 | 国产精品看高国产精品不卡 | 用震蛋调教女性下面视频 | 亚洲精品无码不卡在线播放he | 日本一区二区三区在线观看网站 | A级韩国乱理伦片在线观看 a级成人免费毛片完整版 | 色就色 综合偷拍区欧美 | 亚洲婷婷天堂综合国产剧情 | 亚洲成片在线看 | 久久se视频精品视频在线 | 浴室里强摁做开腿呻吟的漫画 | 久久久乱码精品亚洲日韩 | 亚洲免费人成在线视频观看 | 久久AAAA片一区二区 | 久久久影院亚洲精品 | 亚洲视频在线看 | 国内精品久久人妻无码HD浪潮 | 国产AV精品国语对白国产 | 国产精品久久久久成人免费 | 打卡中国各地奋斗第一线 | 亚洲一区免费观看 | 免费看大黄高清网站视频在线 | 亚洲AV怡红院影院怡春院 | 寂寞少妇直播 | 99久久久A片无码国产精 | 亚洲人视频在线观看 | 中文日产无乱码AV在线观 | 亚洲国产第一 | 专干老肥熟女视频网站300部 | 毛片网站网址 | 40分钟超爽大片黄 |