本站Google搜尋

訂閱本網站RSS

每月文章彙整

月曆

二月 2012
« 一月    
 12345
6789101112
13141516171819
20212223242526
272829  

搜尋標籤雲

Sitetag

正在看的書

1/2頁12

分類:jQuery程式設計

第4個jqGrid範例: 資料列處理

jqGrid Method的執行方法語法是:

  $("#grid_id").jqGrid('方法', 參數 [,參數...]);

部份常用方法列表如下:

方法 說明
getRowData 取得列物件
delRowData 刪除指定的資料列
setRowData 修改指定的資料列
setSelection 切換指定的列為勾選或不勾選
addRowData 新增一筆資料列到最後
sortGrid 對Grid資料做排序處理
reloadGrid 重新讀資料到Grid

閱讀全文… »

第3個jqGrid範例: XML與XML STRING格式

如果將datatype設定為XML或XMLSTRING時,就能使用XML格式當做資料來源。XML資料儲放在程式外部時使用”XML”,要使用內嵌於程式裡時則使用”XMLSTRING”。

閱讀全文… »

第2個jqGrid範例:增加額外選項設定

本篇列出幾個常用的jqGrid options的設定,比對畫面與表格即能快速的理解這些設定的功用。

options參數 說明
pager 設定jqGrid的頁面瀏覽面板的id,必須有<div id=”pager”>標籤,預設顯示在表格底部
caption Grid的標題,若不指定或設定成空字串,標題列就會消失
hidegrid 設定成false讓右上角的顯示/隱藏按鈕消失
rownumbers 設定成true在每列開頭顯示記錄編號
rowList 顯示每頁顯示幾筆記錄的陣列
viewrecords 是否顯示目前記錄編號與總筆數
altRows 設定成true以形成奇、偶數列不同樣式(俗稱斑馬線)。樣式以預設值altclass設定

閱讀全文… »

第一個jqGrid範例:Local array

jqGrid是一個jQuery的擴充外掛,透過它能很快速的撰寫資料Grid展示處理。目前正在評估是否將jqGrid整合到專案裡,因此這幾天做了一些測試,趁記憶猶新趕緊記錄下來。

首先由http://www.trirand.com/blog/?page_id=6下載jqGrid最新的示範壓縮檔jqgrid_demo36.zip,再將檔案解壓縮到測試用的Webapp裡。

jqGrid的資料區塊要存放在一個<table>裡,頁面導覽面板(Navigation Pager)則使用一個<div>,因此要顯示jqGrid的資料只要有下列兩組標籤,在執行jQuery("#grid_id").jqGrid()後,jqGrid就會自動設置這兩個標籤並填入資料:

閱讀全文… »

jQuery TreeView插件IE異常解決方法

為了在網頁裡以樹狀方式讓使用者選取,於是使用了jQuery的TreeView插件,沒想到運行在IE展開節點時有一塊區域會隨機性清空,但在FireFox裡卻又正常。癥狀如下:

閱讀全文… »

jQuery在Xuite的測試

jQuery in Xuite

  • Xuite可以貼JavaScript與CSS Style,但不能修改,修改儲存後部份符號會被轉換,導致無法執行。
  • 因此,每次都把修改後的程式重新貼入再儲存就可以了。

 閱讀全文... »

jQuery選擇器測試與範例

為了熟悉jQuery選擇器的使用,特別寫了一個測試網頁,以下是功能備忘。

閱讀全文… »

jQuery神奇的選擇器(Selector)

就像正規運算式(Regular Expression)的Pattern match一般,jQuery使用了CSS(Cascading Style Sheet)、XPath(XML Path Language)與自訂等三大類的選擇器(Selector)當做$( )函數的參數,讓我們由複雜多樣的DOM結構裡,快速的找出符合樣式的要素。

閱讀全文… »

方便查閱的jQuery 1.2 Cheat Sheet

如果你也在學習jQuery的話,Richard Augus整理了一個jQuery彙總表(Cheat Sheet),對於查閱相當方便;現有PDF和PNG兩個版本。

閱讀全文… »

使用jQuery的效益

jQuery是個輕量級的JavaScript程式庫,輕量級的意思是它的程式庫極其精簡且很容易的能被使用,整合到現有程式裡也很簡便:只要在網頁程式區加入即可,而因應不同的環境,jquery.js檔案有幾種不同的格式可供使用:

閱讀全文… »

1/2頁12

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (353,048 點擊/2008-09-29)
  2. 簡單放大Plurk輸入區的方法[修訂] (86,924 點擊/2008-09-29)
  3. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (83,947 點擊/2011-06-01)
  4. Plurk CSS樣式自訂修改全攻略 (83,102 點擊/2009-07-04)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (53,275 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (43,155 點擊/2008-04-10)
  7. iPad新手入門技巧 (40,404 點擊/2011-02-05)
  8. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (38,147 點擊/2010-04-27)
  9. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (37,954 點擊/2009-02-18)
  10. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (35,920 點擊/2009-04-18)