|
|
而 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>一 主站蜘蛛池模板： 高清国产免费观看视频在线 | 99国产在线视频有精品视频 | 扒开老师大腿猛进AAA片邪恶 | 综合精品欧美日韩国产在线 | 男人被绑着强行摸j | 抽插性奴中出乳精内射 | 精品国产5g影院天天爽 | 亚洲中文久久精品AV无码 | 久久本道久久综合伊人 | 亚洲国产精麻豆 | 久久精品嫩草影院免费看 | 国产综合18久久久久久软件 | 变形金刚7免费观看完整 | 久久久97人妻无码精品蜜桃 | 亚洲精品久久无码AV片银杏 | 黄色三级视频在线观看 | 国产成人教育视频在线观看 | 老熟女重囗味GRANNYBBW | 亚洲白色白色在线播放 | 双性诱受灌满哭求饶BL | 国产第81页 | 日本高清不卡码无码v亚洲 日本福利片午夜免费观着 日本粉嫩学生毛绒绒 | 全黄h全肉细节全文 | 妻子撸av中文字幕 | 久啪久久全部视频在线 | 亚洲热在线视频 | 中文字幕精品在线观看 | 美女张开腿让我了一夜 | 亚洲高清在线精品一区 | 最新国产成人综合在线观看 | 边做边爱BD免费看片 | www.青青草原| 超污视频带污疼免费视频 | 性生交片免费无码看人 | 国产精品美女久久久网站动漫 | 一个人的免费完整在线观看HD | 伊人伊人伊人 | 免费A级毛片无码鲁大师 | 帝王受PLAY龙椅高肉NP | 2020最新无码国产在线视频 | 成人在线免费 |