jqGrid提供了大量的選項設置,開發者可以透過設定選項對應值來控制jqGrid,例如表格的寬度、高度、資料類型以及列名稱等等都是透過選項設定來完成的。 jqGrid的選項一般是名稱:值(name:value)的形式,也可以是物件(object)及陣列(array)的形式配置。
jqGrid選項(Option)
呼叫jqGrid只需要執行以下程式碼:
jQuery("#grid_id").jqGrid(options);
options即jqGrid的選項設置,請參考以下表格。
屬性 | 類型 | 描述 | 預設值 |
ajaxGridOptions | object | 此項目用於設定當表格設定獲得資料時,ajax的全域屬性,注意此項目可能覆蓋所有目前的ajax設定(包括error, complete和beforeSend 事件)。 | empty |
ajaxSelectOptions | object | 此項目用於設定在editoptions或searchoptions物件中透過dataUrl選擇元素時, ajax的全域屬性。 | empty |
altclass | string | 交替行的類別。此項僅當altRows設定為true時有效。 | ui-priority-secondary |
altRows | boolean | 設定為交替行表格 | false |
autoencode | boolean | 設定為true時,對來自伺服器的資料和提交資料進行encodes編碼。如 | false |
autowidth | boolean | 當設定為true時,表格寬度將自動符合到父元素的寬度。這個匹配只在表格建立時進行,為了讓表格在父元素寬度變化時也隨之變化,可以使用setGridWidth方法 | false |
caption | string | 表格的標題。顯示在Header上。若為空時將不會顯示。 | empty |
cellLayout | integer | 此屬性決定單元格的padding border 寬度。通常不會修改該屬性,但若表格的CSS中改變了td元素,則該屬性需要修改。 預設值5表示paddingLef(2) paddingRight(2) borderLeft(1)=5 | 5 |
cellEdit | boolean | 是否允許儲存格編輯。 | false |
cellsubmit | string | 確定儲存格內容保存方式是remote還是clientArray 。 | 'remote' |
cellurl | string | 儲存格保存的url。 | null |
colModel | array | 描述列參數數組。這是表格最重要的部分,詳見colModel API. | null |
colNames | array[] | 列名稱數組。該名稱將在Header中顯示。名稱以逗號分隔,數量應與colModel 陣列數量相等 | empty |
data | array | 以陣列的形式保存本地資料。 | empty |
datastr | string | 當datatype被設定為xmlstring或jsonstring時,為資料串。 | null |
datatype | string | 定義表格希望獲得的資料的類型,有效值有: Xml —xml資料 xmlstring—xml字串 json—JSON資料 jsonstring—JSON字串 local—客戶端資料(陣列) javascript—javascript資料 function—函數回傳資料 |
xml |
deselectAfterSort | boolean | 只適用於當datatype為local時。當一個排序被應用時取消目前選定行。 | true |
direction | string | 表格中的書寫方向。「ltr」由左至右(缺省值),「rtl」由右到左 | ltr |
editurl | string | 定義行內編輯地址URL | null |
emptyrecords | string | 當傳回(或目前)數量為零時顯示的資訊此項目只用當viewrecords 設定為true時才有效。 | |
ExpandColClick | boolean | true時,點選展開行的文字,treeGrid展開或收攏 | true |
ExpandColumn | string | 指定用於張開treeGrid的欄位(名稱來自colModel),未設定即用第一列。此項只有當treeGrid為true時有效. | null |
footerrow | boolean | 如果設定為true時,將產生一個表腳行,列數等於colModel | false |
forceFit | boolean | 如果設定為true,改變列寬,相鄰列也會調整以適應整體表格,將不會出現水平捲軸。 | false |
gridstate | string | 表格的目前狀態。有visible或hidden | visible |
gridview | boolean | 設定為true將增加5~10倍的顯示速度。但不能再使用treeGrid, subGrid, 或afterInsertRow事件 | false |
grouping | boolean | 是否設定表格組 | false |
height | mixed | 表格高度。可為數值、百分比或auto | 150 |
hiddengrid | boolean | 如果設定為true,表格開始被隱藏,資料不會載入,只顯示標題。當第一次點擊顯示/隱藏按鈕顯示表格,資料從伺服器載入。 | false |
hidegrid | boolean | 是否允許顯示/隱藏按鈕可用。只有標題不為空時可用。 | true |
hoverrows | boolean | 表格行是否有滑鼠懸停效果 | true |
jsonReader | array | JSON資料結構數組 | |
lastpage | integer | 請求回傳的總頁數 | 0 |
lastsort | integer | 排序的列號(0開始) | 0 |
loadonce | boolean | 設定為true時,表格只一次讀取伺服器資料(使用適當datatype),之後,datatype 自動變為local ,所有進一步操作都在客戶端完成,pager功能(若存在)將失效。 | false |
loadtext | string | 資料請求和排序時顯示的文字 | Loading… |
loadui | string | 此項控制ajax進程進行時的動作。 Disable—取消jqGrid的進程指示,可使用自訂的指示。 enable (預設)—表格中間顯示loading。 block – 顯示「Loading」訊息,停用頁面上的所有功能,直到資料裝入完成。 | enable |
mtype | string | 定義提交類型POST或GET | GET |
multikey | string | 此屬性只有當multiselect為true時有效,定義多重選擇時的組合鍵,可選值有: shiftKey ,altKey,ctrlKey | empty |
multiboxonly | boolean | 此屬性只有當multiselect為true時有效,. Multiboxonly設定為true時,只有點擊checkbox時該行才被選中,點擊其他列,將清除目前行的選中。 | false |
multiselect | boolean | 此属性设为true时启用多行选择,出现复选框 | false |
multiselectWidth | integer | 若multiselect 为true时,定义多选列的宽度。 | 20 |
page | integer | 设置请求初始页的数量,此参数通过URL从服务器接受数据 | 1 |
pager | mixed | 定义分页浏览导航条。必须是一个HTML元素,如 | empty |
pagerpos | string | 定義表格瀏覽導覽條的位置,缺省情況下建立一個包含3部分的導覽條:頁碼,導覽按鈕和記錄資訊。 | center |
pgbuttons | boolean | 定義導航啟動時導航按鈕是否顯示。 | true |
pginput | boolean | 定義導覽列是否有頁碼輸入框。 | true |
pgtext | string | 當前頁資訊。第一個量為目前頁,第二個量為總頁數。 | |
prmNames | array | By default prmNames: { page: "page", rows: "rows", sort: "sidx", order: "sord", search: "_search", nd: "nd", npage:null} Sent to the server in POST mode, the fields are: page, rows, sidx, sord, search, nd. For example, if you want to change sidx to mysort, you can write: prmNames: {sort: “mysort”}. In this way, the string submitted to the server will be Becomes: page=1&rows=10&mysort=myindex&sord=asc If some parameters are set to null, these parameters will no longer be sent to the server. For example prmNames: { nd:null} then the nd parameter will not be sent. For Npage parameters, see scroll option. | none |
postData | array | This array can be passed directly to the url. This array can be of the form {name1:value1…}. | empty |
recount | integer | Read-only attribute. Defines the number of rows displayed in the table. Not to be confused with records. | 0 |
recordpos | string | Define the position of recording information on the page, which can be left, center, or right. | right |
recordpos | object | Class for alternating rows | true |
records | integer | Read-only attribute. Define the number of records to get from the request | none |
recordtext | string | Prompt information that can be displayed on the page, this |

Python和JavaScript的主要區別在於類型系統和應用場景。 1.Python使用動態類型,適合科學計算和數據分析。 2.JavaScript採用弱類型,廣泛用於前端和全棧開發。兩者在異步編程和性能優化上各有優勢,選擇時應根據項目需求決定。

選擇Python還是JavaScript取決於項目類型:1)數據科學和自動化任務選擇Python;2)前端和全棧開發選擇JavaScript。 Python因其在數據處理和自動化方面的強大庫而備受青睞,而JavaScript則因其在網頁交互和全棧開發中的優勢而不可或缺。

Python和JavaScript各有優勢,選擇取決於項目需求和個人偏好。 1.Python易學,語法簡潔,適用於數據科學和後端開發,但執行速度較慢。 2.JavaScript在前端開發中無處不在,異步編程能力強,Node.js使其適用於全棧開發,但語法可能複雜且易出錯。

javascriptisnotbuiltoncorc; sanInterpretedlanguagethatrunsonenginesoftenwritteninc.1)JavascriptwasdesignedAsignedAsalightWeight,drackendedlanguageforwebbrowsers.2)Enginesevolvedfromsimpleterterpretpretpretpretpreterterpretpretpretpretpretpretpretpretpretcompilerers,典型地,替代品。

JavaScript可用於前端和後端開發。前端通過DOM操作增強用戶體驗,後端通過Node.js處理服務器任務。 1.前端示例:改變網頁文本內容。 2.後端示例:創建Node.js服務器。

選擇Python還是JavaScript應基於職業發展、學習曲線和生態系統:1)職業發展:Python適合數據科學和後端開發,JavaScript適合前端和全棧開發。 2)學習曲線:Python語法簡潔,適合初學者;JavaScript語法靈活。 3)生態系統:Python有豐富的科學計算庫,JavaScript有強大的前端框架。

JavaScript框架的強大之處在於簡化開發、提升用戶體驗和應用性能。選擇框架時應考慮:1.項目規模和復雜度,2.團隊經驗,3.生態系統和社區支持。

引言我知道你可能會覺得奇怪,JavaScript、C 和瀏覽器之間到底有什麼關係?它們之間看似毫無關聯,但實際上,它們在現代網絡開發中扮演著非常重要的角色。今天我們就來深入探討一下這三者之間的緊密聯繫。通過這篇文章,你將了解到JavaScript如何在瀏覽器中運行,C 在瀏覽器引擎中的作用,以及它們如何共同推動網頁的渲染和交互。 JavaScript與瀏覽器的關係我們都知道,JavaScript是前端開發的核心語言,它直接在瀏覽器中運行,讓網頁變得生動有趣。你是否曾經想過,為什麼JavaScr


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SublimeText3漢化版
中文版,非常好用

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。