|
|
而 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>一 主站蜘蛛池模板： 国产成人在线观看免费网站 | 亚洲精品久久一区二区三区四区 | 国产午夜在线观看视频播放 | 日本阿v在线资源无码免费 日本阿v片在线播放免费 | 91麻精品国产91久久久久 | 第四色男人天堂 | 日本午夜精品理论片A级APP发布 | 破女在线观看视频 | 免费韩国伦理2017最新 | 亚洲 日韩 在线 国产 精品 | 老师给美女同学开嫩苞 | 97视频在线观看免费视频 | 办公室的秘密2中文字幕 | 女人被躁到高潮嗷嗷叫免费 | 暖暖视频在线高清播放 | 国产不卡视频在线观看 | 日韩精品久久久久久久电影 | 捏揉舔水插按摩师 | 午夜毛片在线观看 | 欧美亚洲另类丝袜自拍动漫 | 99re久久热免费视频 | 亚洲午夜精品A片久久不卡蜜桃 | 毛片免费观看的视频 | 琪琪热热色原日韩在线 | 无码中文字幕av免费放 | 女人高潮了拔出来了她什么感觉 | 国产午夜精品一区二区 | 深爱激情站| 少爷被多个暗卫肉高h | 日本成熟bbxxxxxxxx | 日本大片免a费观看视频 | 亚洲免费精品视频 | 男人插曲女人的叫声 | 久久亚洲AV无码精品午色夜麻豆 | 校花娇喘呻吟校长陈若雪视频 | 99热精品在线av播放 | 久久操热在线视频精品 | 69精品国产人妻蜜桃国产毛片 | 青青草原影视 | 在线看片韩国免费人成视频 | 欧美性情一线免费http |