MiniUI中DataGrid資料的載入

2021-09-01 13:31:17 字數 1635 閱讀 1103

本文將介紹一下,在asp.net mvc環境下,如何用jquery miniui中的datagrid控制項載入資料。

1.效果展示:

2.具體步驟:

1>  既然是在mvc裡,那我們的介面自然選擇cshtml,介面內**如下:

時間賽制戰績

head標籤內**

2> 完成介面上內容以後,其實布局已經出來,但是這個datagrid是沒有資料的,它的資料**就是那個 div-url 的屬性,它的屬性是乙個返回值(就是後台的乙個方法名),另外這個方法還需要兩個輔助的方法,具體**如下:

public void jsonhtml()

//設定表的頁碼,如果缺失,會導致資料無法顯示

int pageindex = convert.toint32(request["pageindex"]);

int pagesize = convert.toint32(request["pagesize"]);

//將資料轉換相應的格式

arraylist aldata = datatabletoarraylist(dt);

int index = pageindex, size = pagesize;

arraylist data = new arraylist();

int start = index * size, end = start + size;

for (int i = 0, l = aldata.count; i < l; i++)

}hashtable result = new hashtable();

result["data"] = data;

result["total"] = sum;

//輸出資料和總條數

response.write(myencode(result));

}後台jsonhtml()

public static string myencode(object o)

isodatetimeconverter dt = new isodatetimeconverter();

dt.datetimeformat ="yyyy'-'mm'-'dd't'hh':'mm':'ss";

return jsonconvert.serializeobject(o, dt);

}後台myencode()

private static arraylist datatabletoarraylist(datatable data)

record[data.columns[j].columnname] = cellvalue;

}array.add(record);

}return array;

}後台datatabletoarraylist()

3> 接下來我們就可以執行編譯,檢視效果了,值得注意的是: 官網所給出屬性列表很多,需要的樣式需要仔細除錯,比如顯示分頁...就得多看它的api了。

技術文件:

miniui實戰 一 miniui分頁

關於這部分 miniui api中有相應的demo 定義乙個div datagrid 是否顯示分頁的屬性showpager true 所以預設情況下datagrid是自帶分頁的,但是為什麼我們有時候發現並不起作用,那是因為給datagrid沒有返回正確的total 總數,這個需要程式傳參返回前台 可...

miniui中的相關問題

miniui中的datagrid,若需要為其中 設定值,則 必須保證查出來的json中欄位對應field,且json的格式必須為 如果是grid.setdata,則引數必須是直接的陣列 跟上面的json有略微的差別。如果是form.setdata,則引數要用json字串而不是陣列。form.setd...

Silverlight中DataGrid的全選

最近的專案中在datagrid中需要使用全選。於是參考 silverlight中checkbox在datagrid的全選 取消 這篇文章給實現了。經過簡單的測試之後就正式使用了。一直也沒有出現問題。但是,今天同事說這一塊有問題。很是驚訝,這麼幾個月了,一直都正常,怎麼就出問題了呢?於是開始檢查。問題...