Easyui設(shè)置動(dòng)態(tài)表格,動(dòng)態(tài)導(dǎo)出數(shù)據(jù)實(shí)例,附Demo

最近開發(fā)的過(guò)程中碰到一個(gè)客戶提出的需求，一個(gè)指定的頁(yè)面導(dǎo)出需要提供一個(gè)彈出頁(yè)面選擇列表頁(yè)面需要顯示的列，頁(yè)面確認(rèn)之后需要修改列表頁(yè)面顯示的表格,導(dǎo)出的數(shù)據(jù)也需要同步變化。

總結(jié)一下可以稱為一個(gè)列表數(shù)據(jù)的動(dòng)態(tài)顯示和動(dòng)態(tài)導(dǎo)出

表格應(yīng)用的是Easyui datagrid插件，項(xiàng)目以MVC5位背景開發(fā)

下面直接上代碼

1.首先設(shè)置列表頁(yè)面需要顯示的列columus為全局對(duì)象，用于子頁(yè)面調(diào)用，這里的columns 對(duì)象在構(gòu)建datagrid列表的時(shí)候決定了顯示列的相應(yīng)屬性。

field  對(duì)應(yīng)后臺(tái)返回?cái)?shù)據(jù)對(duì)象名稱，

title  對(duì)應(yīng)列表數(shù)據(jù)顯示的名稱

width  數(shù)據(jù)列顯示的寬度

align  數(shù)據(jù)在表格中顯示方式，center  居中  left  居左， right  居右

        		
網(wǎng)友評(píng)論