FlexGrid 控制項的使用 摘自 大道至簡

2022-01-19 11:02:46 字數 2453 閱讀 2630

height: 200, //flexigrid

外掛程式的高度,單位為

pxwidth: 『auto』, //

寬度值,

auto

表示根據每列的寬度自動計算

striped: true, //

是否顯示斑紋效果,預設是奇偶互動的形式

novstripe: false,

minwidth: 30, //

列的最小寬度

minheight: 80, //

列的最小高度

resizable: true, //

是否可伸縮

url: false, //ajax

方式對應的

url位址

method: 『post』, // 

資料傳送方式

datatype: 『xml』, // 

資料載入的型別

errormsg: 『connection error』,//

錯誤提公升資訊

usepager: false, //

是否分頁

nowrap: true, //

是否不換行

page: 1, //

預設當前頁

total: 1, //

總頁面數

userp: true, //

是否可以動態設定每頁顯示的結果數

rp: 15, // 

每頁預設的結果數

rpoptions: [10,15,20,25,40],//

可選擇設定的每頁結果數

title: false,//

是否包含標題

pagestat: 『displaying to of items』,//

顯示當前頁和總頁面的樣式

procmsg: 『processing, please wait …』,//

正在處理的提示資訊

query: 」,//

搜尋查詢的條件

qtype: 」,//

搜尋查詢的類別

nomsg: 『no items』,//

無結果的提示資訊

mincoltoggle: 1, //minimum allowed column to be hidden

showtogglebtn: true, //show or hide column toggle popup

hideonsubmit: true,//

隱藏提交

autoload: true,//

自動載入

blockopacity: 0.5,//

透明度設定

ontogglecol: false,//

當在行之間轉換時

onchangesort: false,//

當改變排序時

onsuccess: false,//

成功後執行

onsubmit: false

// 呼叫自定義的計算函式

乙個簡單的例子

flexgrid

應用簡單例子

看了看它接收

json

資料。它的格式應該為:

page:"1",total:"2",rows:[,]}

所以返回的應該是這種格式。

資料由list

表提供,如下:

·ashx

string

strjson = ",]}"

;context.response.write(strjson);

page

:當前頁

total

:頁總數

·flexgrid

引入jquery

庫與flexgrid

庫及相關

css樣式

$("#flex1").flexigrid(,,

,],sortname: "unid",

sortorder: "asc",

usepager: true,

striped: true,

title: '

簡單的應用',

userp: false,

rp: 10,

width: 'auto',

height: 255

})·頁面加乙個

table

,起名:

flex1

<

table

id="flex1"

style

="display:none">

table

>

其中flexigrid的js

要放在table

下邊。有點問題:

·displaying 

部分,用中文會顯示亂碼,現在沒有解決。有解決的請告知一下。

·firefox

中正常,但在

ie中載入有延遲且多數不能顯示。同樣,有解決的請告知一下。

在 FlexGrid 控制項中指定最右側顯示的列

flexgrid 控制項提供了指定左側顯示列的功能。因專案的需要,要求能夠指定最右側顯示的列。實現方法 獲取 客戶區寬度,然後通過每列的寬度計算出水平滾動條的位置。但是有乙個麻煩,就是垂直滾動條的問題。首先要能判斷是否有垂直滾動條,然後有垂直滾動條時,需要減出垂直滾動條的寬度,但是控制項沒有提供這方...

FlexGrid自己用的經驗

flexgrid是乙個很好的jquery外掛程式。下面建立乙個flexgrid document ready function buttons usepager true,title 查詢結果 userp true,rp 20,singleselect true,僅允許選擇單行 width 500,...

演練 開發和使用自定義伺服器控制項 摘自MSDN

此演練演示如何建立和編譯自定義 asp.net 伺服器控制項以及如何在頁中使用該控制項。通過此演練,您將學會如何執行以下任務 視覺化設計工具 如 microsoft visual studio 2005 可以簡化控制項的開發過程,但並不是建立或生成自定義控制項的必不可少的工具。可以通過使用任何檔案編...