|
|
而 EasyUI DataGrid 支援兩種做法，一個是，上述，后臺 server 把顯示的 HTML 產(chǎn)生好，在給前端顯示。另一種是，利用 AJAX 的方式來產(chǎn)生，就只是單純喂 JSON 格式資料給前端，前端接收到資料后，在自己分析資料利用 JQuery 來刷新 DataGrid 該部分的畫面。
這邊介紹的是第二種做法，利用 AJAX 技術來做，這樣的好處，是可以把 資料層-> 控制層-> 展示層 三層獨立來運作，達到我在之前 多層次架構設計前言 所講的精神，不會像老方法，把 HTML 的產(chǎn)生都放在 php 中來產(chǎn)生，造成 php 開發(fā)人員本身，也要對 HTML 等前端技術也要了解很深才能進行開發(fā)的問題。
在來如此作法，為帶來另一種好處，就是你前端的 UI 是可以更換，而后臺程式卻不用來大幅修改。目前支援 JSON 資料格式的 JavaScript DataGrid 有很多各，大家也可以多去參考其他的公司所提供的 DataGrid ，從中選擇一個最適合的來使用。
介紹到此，接下來直接看程式碼，會更加了解我上述的意思：
首先，需要先設計 HTML UI 介面，定義要顯示哪些欄位，欄位的顯示名稱等，關于這部分的欄位定義，EasyUI DataGrid 也是有提供，使用 JavaScript 來動態(tài)定義，而我習慣用 HTML 直接定義，這樣 也不復雜，后面在分工上，也比較容易來直接交給 Web 美工人員來直接操作。
這部分重點在 URL 的設定。
DataGrid2.php
復制代碼 代碼如下:
<!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>一 主站蜘蛛池模板： 中文字幕在线不卡日本v二区 | 日韩精品熟女一区二区三区中文 | 三级黄色网 | yellow免费观看直播 | 偷拍精品视频一区二区三区 | 天天躁日日躁狠狠躁中文字幕老牛 | 亚洲 欧美 清纯 校园 另类 | 97在线国内自拍视频 | 国产高清国内精品福利色噜噜 | 免费人妻无码AV不卡在线 | 中文字幕偷乱免费视频在线 | 国产超嫩一线天在线播放 | 13小箩利洗澡无码视频APP | 97干97吻| 99精品电影一区二区免费看 | 精品国产福利一区二区在线 | 精品丰满人妻无套内射 | 日本G奶乳液汁 | 伊人久久电影网 | 成品片a免人看免费 | 极品美女久久久久久久久久久 | SM高H黄暴NP辣H调教性奴 | 日本在线免费播放 | 国产69精品久久久久乱码韩国 | 国产永久免费观看视频软件 | 9久高清在线不卡免费无吗视频 | 亚洲视频在线观看不卡 | 嫩草影院在线观看精品 | 美女白虎穴 | 在线观看免费亚洲 | 男男腐文污高干嗯啊快点1V1 | 国产亚洲精品视频亚洲香蕉视 | 久久久精品久久久久特色影视 | 狠狠色狠狠色综合日日小说 | 秋霞电影在线观看午夜伦 | 天美麻豆成人AV精品视频 | 国产精品VIDEOS麻豆TUBE | 日本一卡二卡三卡四卡无卡免费播放 | 暖暖 视频 在线 观看 高清 | 久久青草在线视频精品 | 丝瓜影院观看免费高清国际观察 |