|
|
而 EasyUI DataGrid 支援兩種做法，一個(gè)是，上述，后臺(tái) server 把顯示的 HTML 產(chǎn)生好，在給前端顯示。另一種是，利用 AJAX 的方式來產(chǎn)生，就只是單純喂 JSON 格式資料給前端，前端接收到資料后，在自己分析資料利用 JQuery 來刷新 DataGrid 該部分的畫面。
這邊介紹的是第二種做法，利用 AJAX 技術(shù)來做，這樣的好處，是可以把 資料層-> 控制層-> 展示層 三層獨(dú)立來運(yùn)作，達(dá)到我在之前 多層次架構(gòu)設(shè)計(jì)前言 所講的精神，不會(huì)像老方法，把 HTML 的產(chǎn)生都放在 php 中來產(chǎn)生，造成 php 開發(fā)人員本身，也要對(duì) HTML 等前端技術(shù)也要了解很深才能進(jìn)行開發(fā)的問題。
在來如此作法，為帶來另一種好處，就是你前端的 UI 是可以更換，而后臺(tái)程式卻不用來大幅修改。目前支援 JSON 資料格式的 JavaScript DataGrid 有很多各，大家也可以多去參考其他的公司所提供的 DataGrid ，從中選擇一個(gè)最適合的來使用。
介紹到此，接下來直接看程式碼，會(huì)更加了解我上述的意思：
首先，需要先設(shè)計(jì) HTML UI 介面，定義要顯示哪些欄位，欄位的顯示名稱等，關(guān)于這部分的欄位定義，EasyUI DataGrid 也是有提供，使用 JavaScript 來動(dòng)態(tài)定義，而我習(xí)慣用 HTML 直接定義，這樣 也不復(fù)雜，后面在分工上，也比較容易來直接交給 Web 美工人員來直接操作。
這部分重點(diǎn)在 URL 的設(shè)定。
DataGrid2.php
復(fù)制代碼 代碼如下:
<!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>一 主站蜘蛛池模板： 国产一区二区三区在线看 | 国产欧美精品一区 | 久久久久久国产精品免费免费 | 天天操网| 久久这里只有精品首页 | 7777在线 | 亚洲国产精品99久久久久久久久 | 久久免费视频1 | www.中文字幕.com | 国产av毛片 | 久久手机在线视频 | 国产在线视频一区二区 | 亚洲啊v在线 | 欧美日韩在线播放 | 日日摸夜夜爽人人添av | 男女啪啪网址 | 在线亚洲免费视频 | 日韩欧美大片在线观看 | 涩涩导航 | 一区二区三区在线观看视频 | 精品免费国产一区二区三区四区 | 亚洲欧美激情精品一区二区 | 亚洲字幕在线观看 | 麻豆精品久久久 | 亚洲综合色视频在线观看 | 国产一级片免费视频 | 国产精品一二三区 | 国产1区2区3区 | 激情五月综合 | 欧美性video| 国产美女黄色片 | 亚洲欧美综合精品另类天天更新 | 国产精品一区一区 | 国产精品大全 | 国产午夜精品一区二区三区四区 | 成人av一区 | 精品国产99 | aaa在线| 久久久av | 春色av| 日韩欧美三级 |