雷林鵬分享jQuery EasyUI 數據網格 - 添加工具欄

　　本實例演示如何添加工具欄(toolbar)到數據網格(datagrid)。

　　建立數據網格(DataGrid)

　　

　　url="data/datagrid_data.json"

 

　　title="DataGrid with Toolbar" iconCls="icon-save"

　　toolbar="#tb">

　　

 

　　

 

　　

 

　　

 

　　

 

　　

　　Node.js 是單進程單線程應用程序，可是由於 V8 引擎提供的異步執行回調接口，經過這些接口能夠處理大量的併發，因此性能很是高。

　　Node.js 幾乎每個 API 都是支持回調函數的。

　　Node.js 基本上全部的事件機制都是用設計模式中觀察者模式實現。

　　Node.js 單線程相似進入一個while(true)的事件循環，直到沒有事件觀察者退出，每一個異步事件都生成一個事件觀察者，若是有事件發生就調用該回調函數.

　　事件驅動程序

　　Node.js 使用事件驅動模型，當web server接收到請求，就把它關閉而後進行處理，而後去服務下一個web請求。

　　當這個請求完成，它被放回處理隊列，當到達隊列開頭，這個結果被返回給用戶。

　　這個模型很是高效可擴展性很是強，由於webserver一直接受請求而不等待任何讀寫操做。(這也被稱之爲非阻塞式IO或者事件驅動IO)

在事件驅動模型中，會生成一個主循環來監聽事件，當檢測到事件時觸發回調函數。

　　整個事件驅動的流程就是這麼實現的，很是簡潔。有點相似於觀察者模式，事件至關於一個主題(Subject)，而全部註冊到這個事件上的處理函數至關於觀察者(Observer)。

　　Node.js 有多個內置的事件，咱們能夠經過引入 events 模塊，並經過實例化 EventEmitter 類來綁定和監聽事件，以下實例：

　　// 引入 events 模塊

　　var events = require('events');

　　// 建立 eventEmitter 對象

　　var eventEmitter = new events.EventEmitter();

　　如下程序綁定事件處理程序：

　　// 綁定事件及事件的處理程序

　　eventEmitter.on('eventName', eventHandler);

　　咱們能夠經過程序觸發事件：

　　// 觸發事件

　　eventEmitter.emit('eventName');

　　實例

　　建立 main.js 文件，代碼以下所示：

　　// 引入 events 模塊

　　var events = require('events');

　　// 建立 eventEmitter 對象

　　var eventEmitter = new events.EventEmitter();

　　// 建立事件處理程序

　　var connectHandler = function connected() {

　　console.log('鏈接成功。');

　　// 觸發 data_received 事件

　　eventEmitter.emit('data_received');

　　}

　　// 綁定 connection 事件處理程序

　　eventEmitter.on('connection', connectHandler);

　　// 使用匿名函數綁定 data_received 事件

　　eventEmitter.on('data_received', function(){

　　console.log('數據接收成功。');

　　});

　　// 觸發 connection 事件

　　eventEmitter.emit('connection');

　　console.log("程序執行完畢。");

　　接下來讓咱們執行以上代碼：

　　$ node main.js

　　鏈接成功。

　　數據接收成功。

　　程序執行完畢。

　　Node 應用程序是如何工做的?

　　在 Node 應用程序中，執行異步操做的函數將回調函數做爲最後一個參數， 回調函數接收錯誤對象做爲第一個參數。

　　接下來讓咱們來從新看下前面的實例，建立一個 input.txt ,文件內容以下：

　　碼農教程官網地址：www.codercto.com

　　建立 main.js 文件，代碼以下：

　　var fs = require("fs");

　　fs.readFile('input.txt', function (err, data) {

　　if (err){

　　console.log(err.stack);

　　return;

　　}

　　console.log(data.toString());

　　});

　　console.log("程序執行完畢");

　　以上程序中 fs.readFile() 是異步函數用於讀取文件。 若是在讀取文件過程當中發生錯誤，錯誤 err 對象就會輸出錯誤信息。

　　若是沒發生錯誤，readFile 跳過 err 對象的輸出，文件內容就經過回調函數輸出。

　　執行以上代碼，執行結果以下：

　　程序執行完畢

　　碼農教程官網地址：www.codercto.com

　　接下來咱們刪除 input.txt 文件，執行結果以下所示：

　　程序執行完畢

　　Error: ENOENT, open 'input.txt'

　　由於文件 input.txt 不存在，因此輸出了錯誤信息。(編輯：雷林鵬 來源：網絡 侵刪)

 

　　

 

　　

 

　　

 

　　

 

　　

Item ID	Product ID	List Price	Unit Cost	Attribute	Stauts

　　

 

　　Add

　　Cut

　　Save

　　

 

　　咱們不須要寫任何的 javascript 代碼，只需經過 'toolbar' 屬性附加工具欄(toolbar)到數據網格(datagrid)。

　　下載 jQuery EasyUI 實例

　　jeasyui-datagrid-datagrid4.zip(編輯：雷林鵬 來源：網絡 侵刪)