1 EasyUI資料繫結

2021-06-13 09:59:55 字數 1327 閱讀 8779

easyui 在統計資料表中比較方便。資料只要有只有配置響應的欄位名稱就可以很方便的進行繫結。個人目前知道有兩種方式:

方式一、

在頁面的載入的時候,使用datagrid方法進行。如下**:

$('#grid').datagrid(

]],columns: [[ ,},

}},

]],pagination: true,

rownumbers: true,

onloadsuccess:function (data)

}} else

}}});

這種方式可以在**中對所要繫結的資料進行格式化,如以上**中的formatter 。

方式二、由表定義需要顯示的欄位名稱,datagrid函式獲取資料進行繫結。如下:

使用者名稱

賬號起始ip

截止ip

$('#usertable').datagrid(

]] });

總結:比較繫結**的這兩種方式,我發現:

一、第一種雖然需在js中定義需要顯示的字段資料,但是對資料可以方便的進行格式化。第二種方式,直接在**中定義需顯示的字段,卻不太好對資料進行格式化。

二、在使用datagrid對**進行資料繫結的時候, 獲取資料的url資訊(如:url: '')在以後是不能變更的。這裡的不能變更指的是不能換成另外乙個action進行獲取另外的json資料對**進行繫結處理。 當然,如需使用同乙個action進行處理,只是在action中的引數不同,還是可以這樣使用的。

可能以上第二點中說的不是文字表述的不是特別清楚明了,我這裡舉例進行說明.

(圖2) 

如上圖,在**上方有一組操作方法,在其中的【搜尋】中,我彈出乙個div,選中條件然後重新獲取資料對**進行繫結。這時,獲取到json資料後,這樣對**進行重新繫結:

$("#usertable").datagrid('reload',jsondatas) 

這樣,由於對**進行reload,又重新指定資料來源,**是顯示了正確資料。但是,若此時,對**的查詢結果進行分頁,則**顯示的資料不再是查詢獲取到的資料,而是重新返回到有datagrid中設定的

url: ''在你選定的分頁上的資料。問題就比較悲劇了。

在這點上,easyui也有一種解決問題的方式將 你選定的條件傳送到url指定的controller進行處理,如下:

$("#usertable").datagrid('load',); 

當然,url所指定的action中需有key1、key2這樣的引數。

【**】

FLEX 資料繫結專題 1

1.關於資料繫結 資料繫結是將乙個物件中的資料同另乙個物件中的資料聯絡在一起的過程。資料繫結為在 應用的不同層之間傳遞資料提供了便捷方法。資料繫結需要乙個源屬性,乙個目的屬性,以及 用於表明何時將資料從源屬性拷貝到目的屬性的觸發事件。當源屬性變化時,物件發出觸發事 件。adobe flex 提供三種...

easyui載入資料

方式一 如果需要引數可以在url中拼接,id dg dg datagrid 方式二 通過一些引數查詢資料。dg datagrid load 在向伺服器改變資料之後,更新前台資料。dg datagrid reload reload the current page data 方式三 使用ajax請求資...

WPF 資料繫結示例總結(1)

也可以選擇為 selectedvalue.content 或者 selectionboxitem 獲取在選擇框中顯示的項。預設字串值 binding.bindsdirectlytosource 屬性 獲取或設定乙個值,該值指示是否計算相對於資料項或 datasourceprovider 物件的 pa...