jqGrid中文文件之選項設定_jquery
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 |

熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

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

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。
