|
|
而 EasyUI DataGrid 支援兩種做法，一個是，上述，后臺 server 把顯示的 HTML 產(chǎn)生好，在給前端顯示。另一種是，利用 AJAX 的方式來產(chǎn)生，就只是單純喂 JSON 格式資料給前端，前端接收到資料后，在自己分析資料利用 JQuery 來刷新 DataGrid 該部分的畫面。
這邊介紹的是第二種做法，利用 AJAX 技術(shù)來做，這樣的好處，是可以把 資料層-> 控制層-> 展示層 三層獨立來運作，達到我在之前 多層次架構(gòu)設(shè)計前言 所講的精神，不會像老方法，把 HTML 的產(chǎn)生都放在 php 中來產(chǎn)生，造成 php 開發(fā)人員本身，也要對 HTML 等前端技術(shù)也要了解很深才能進行開發(fā)的問題。
在來如此作法，為帶來另一種好處，就是你前端的 UI 是可以更換，而后臺程式卻不用來大幅修改。目前支援 JSON 資料格式的 JavaScript DataGrid 有很多各，大家也可以多去參考其他的公司所提供的 DataGrid ，從中選擇一個最適合的來使用。
介紹到此，接下來直接看程式碼，會更加了解我上述的意思：
首先，需要先設(shè)計 HTML UI 介面，定義要顯示哪些欄位，欄位的顯示名稱等，關(guān)于這部分的欄位定義，EasyUI DataGrid 也是有提供，使用 JavaScript 來動態(tài)定義，而我習慣用 HTML 直接定義，這樣 也不復雜，后面在分工上，也比較容易來直接交給 Web 美工人員來直接操作。
這部分重點在 URL 的設(shè)定。
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>一 主站蜘蛛池模板： 亚洲成a人片777777久久 | 国产激爽大片高清在线观看 | 色鬼综合网| 黄色小视频在线免费观看 | 国产中出视频 | 国产精品久久久久影院色老大 | 精品在线小视频 | 麻豆亚洲一区 | 国产精品久久久久久福利 | 精品亚洲77777www | 国产精品久久婷婷六月丁香 | 精品国产免费一区二区三区 | 欧美特黄a级高清免费看片 欧美特黄a级片 | o欧美人与禽交 | 18女人腿打开无遮掩免费 | 久久福利青草狠狠午夜 | 国产麻豆免费 | 亚洲国产网 | 狂野欧美性猛交xxxx免费 | 国产精品麻豆一区二区三区v视界 | 国产在线91区精品 | 真实国产伦在线视频免费播放 | 成人午夜视频在线 | 91免费国产在线观看 | 天天做天天爱夜夜爽女人爽宅 | 男人进去女人爽免费视频国产 | 国产免费私拍一区二区三区 | 久久韩国 | 爱综合网 | 在线青草 | 香蕉久久精品 | 亚洲成在人天堂一区二区 | 真实国产乱弄免费视频 | 看全色黄大色大片免费 | 亚洲91精品麻豆国产系列在线 | 99在线精品日韩一区免费国产 | aa级国产女人毛片水真多 | 好吊操这里只有精品 | riav久久中文一区二区 | 久草热在线视频 | 精品国产第一国产综合精品gif |