考核的事情已經(jīng)變成了上一年了，當(dāng)時(shí)要做一個(gè)圖書管理系統(tǒng)，但是當(dāng)時(shí)因?yàn)樵诎凑諘r(shí)間進(jìn)行搜索的時(shí)候，無法將前臺的數(shù)據(jù)傳遞到后臺，所以失去了一部分，現(xiàn)在重看，其實(shí)也不過爾爾，反而然我有一種只是當(dāng)時(shí)枉然的意味。好了，那么如何將前臺的時(shí)間數(shù)據(jù)傳遞到后臺，其實(shí)如果是普通的傳遞倒也是無所謂的，因?yàn)橛刑厥獾墓δ苁窃谒阉鞯臅r(shí)候?qū)崿F(xiàn)

所以要在加載頁面的時(shí)候傳遞數(shù)據(jù)，jQuery-MINI UI如何實(shí)現(xiàn)：

其實(shí)我們要要做的事情是將數(shù)據(jù)顯示到表格中，那么我們就要看一開始是如何實(shí)現(xiàn)的：

前臺千篇一律如此：

<div id="datagrid1" class="mini-datagrid" style="width: 1000px; height: 280px;"      url="../index?method=listAll" idField="id" multiSelect="true" sizeList="[5,10,15]" pageSize="10"     >     <div property="columns">       <div type="checkcolumn"></div>       <div type="indexcolumn">序號</div>       <div field="bookGuid" width="60" headerAlign="center" allowSort="true">圖書編號</div>       <div field="bookName" width="60" headerAlign="center" allowSort="true">圖書名稱</div>       <div field="bookType" class="mini-combobox" width="60" renderer="onTypeRenderer">圖書類別</div>       <div field="suitable" width="60" renderer="onSuitRenderer">適合人群</div>       <div field="buyDate" width="150" headerAlign="center" dateFormat="yyyy-MM-dd HH:mm:ss" allowSort="true">入庫日期</div>       <div field="count" width="60" style="color:red">借閱次數(shù)</div>       <div field="remark" width="60" style="color:red">備注</div>       <div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>     </div>   </div> 

上面是我們的表格顯示的內(nèi)容，mini-ui在頁面進(jìn)行加載的時(shí)候就會初始化表格所以說在div中我們有一個(gè)url屬性，也就是告訴我們數(shù)據(jù)的來源

url="../index?method=listAll" 

在頁面進(jìn)行加載的時(shí)候回調(diào)用listAll這個(gè)方法，我們進(jìn)行搜索的時(shí)候也會去調(diào)用這個(gè)方法，但是我們會傳遞數(shù)據(jù)到后臺

那么在js重我們該如何編寫，首先我們來看看不需要傳遞數(shù)據(jù)到到后臺，怎樣來加載這個(gè)表格

var grid = mini.get("datagrid1");     grid.load(); 

那么我們在點(diǎn)擊搜索的時(shí)候，是不是要進(jìn)行傳遞數(shù)據(jù)到后臺:

function search() {       var type1 = mini.get("type1").getValue();       var date1=mini.get("date1").getValue();       var timestamp = Date.parse(date1);       grid.load({         type1:type1,         timestmp:timestamp              });     }