|
|
而 EasyUI DataGrid 支援兩種做法，一個是，上述，后臺 server 把顯示的 HTML 產生好，在給前端顯示。另一種是，利用 AJAX 的方式來產生，就只是單純喂 JSON 格式資料給前端，前端接收到資料后，在自己分析資料利用 JQuery 來刷新 DataGrid 該部分的畫面。
這邊介紹的是第二種做法，利用 AJAX 技術來做，這樣的好處，是可以把 資料層-> 控制層-> 展示層 三層獨立來運作，達到我在之前 多層次架構設計前言 所講的精神，不會像老方法，把 HTML 的產生都放在 php 中來產生，造成 php 開發人員本身，也要對 HTML 等前端技術也要了解很深才能進行開發的問題。
在來如此作法，為帶來另一種好處，就是你前端的 UI 是可以更換，而后臺程式卻不用來大幅修改。目前支援 JSON 資料格式的 JavaScript DataGrid 有很多各，大家也可以多去參考其他的公司所提供的 DataGrid ，從中選擇一個最適合的來使用。
介紹到此，接下來直接看程式碼，會更加了解我上述的意思：
首先，需要先設計 HTML UI 介面，定義要顯示哪些欄位，欄位的顯示名稱等，關于這部分的欄位定義，EasyUI DataGrid 也是有提供，使用 JavaScript 來動態定義，而我習慣用 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>一 主站蜘蛛池模板： 18禁止看的免费污网站 | 九九热只有精品 | 成 人 动漫3d 在线看 | 欧美GV肉片视频免费观看 | 欧美video巨大粗暴18 | 高肉黄暴NP文公交车 | 99爱视频在线观看 | 牛牛在线精品视频 | 成人做视频免费 | 久久高清一本无码 | 广西美女色炮150p图 | 亚洲中文久久精品AV无码 | 耽美肉文 高h失禁 | 麻豆一区二区免费播放网站 | 国产精品亚洲二线在线播放 | 高H黄暴NP辣H一女多男 | 97精品一区二区视频在线观看 | 国产婷婷综合在线视频中文 | 午夜亚洲动漫精品AV网站 | 成人午夜精品无码区久久漫画日本 | 久久无码人妻AV精品一区 | 久久国产乱子伦精品免费不卡 | 99免费在线观看 | 87.6在线收听| 国产成人免费高清在线观看 | 美女穿丝袜被狂躁动态图 | 男女高潮又爽又黄又无遮挡 | 99在线播放| 国产人妻人伦精品98 | 巨乳中文无码亚洲 | 国产精品嫩草影院 | 在教室伦流澡到高潮H免费视频 | 欧美精品专区免费观看 | yellow片高清视频免费看 | 久久国产香蕉视频 | 日韩亚洲不卡在线视频 | 欧美乱子YELLOWVIDEO | 伊在香蕉国产在线视频 | 牛牛超碰 国产 | 九九九精品国产在线 | 国产福利视频在线观看福利 |