|
|
而 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>一 主站蜘蛛池模板： 顶级欧美不卡一区二区三区 | 欧美特级特黄AAAAA片 | 男女交性视频无遮挡全过程 | 用快播看黄的网站 | 亚洲人美女肛交真人全程 | 日本漫画母亲口工子全彩 | 国产婷婷午夜精品无码A片 国产婷婷色综合AV蜜臀AV | 亚洲香蕉网久久综合影院 | 伦理片天堂eeuss影院 | 调教美丽的白丝袜麻麻视频 | 久久精品亚洲国产AV涩情 | 热久久综合这里只有精品电影 | 久久999视频 | 俄罗斯大白屁股 | 99热最新在线 | 国产精品一久久香蕉国产线看 | 欧美性视频xxxxhd | SAO货腿张开JI巴CAO死我 | 把腿张开老子CAO烂你动态图 | 国产成人无码一区AV在线观看 | 侮辱丰满美丽的人妻 | 亚在线观看免费视频入口 | 日韩中文无线码在线视频 | 我的奶头被客人吸的又肿又红 | 美女夫妻内射潮视频 | 中文无码热在线视频 | 秋霞电影网午夜免费鲁丝片 | 国产成人精品自线拍 | 日本一本道高清码v | SM双性精跪趴灌憋尿调教H | 天天影视色欲 影视 | 久久xxxx| 少妇伦子伦精品无码 | 九九精品久久 | 2019香蕉在线观看直播视频 | 国产手机在线视频 | 亚州笫一色惰网站 | 精品无人区麻豆乱码无限制 | 日本又黄又裸一级大黄裸片 | 永久免费看A片无码网站四虎 | 俄罗斯女肥臀大屁BBW |