本文將介紹一下,在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的全選 取消 這篇文章給實現了。經過簡單的測試之後就正式使用了。一直也沒有出現問題。但是,今天同事說這一塊有問題。很是驚訝,這麼幾個月了,一直都正常,怎麼就出問題了呢?於是開始檢查。問題...