考核的事情已经变成了上一年了,当时要做一个图书管理系统,但是当时因为在按照时间进行搜索的时候,无法将前台的数据传递到后台,所以失去了一部分,现在重看,其实也不过尔尔,反而然我有一种只是当时枉然的意味。好了,那么如何将前台的时间数据传递到后台,其实如果是普通的传递倒也是无所谓的,因为有特殊的功能是在搜索的时候实现
所以要在加载页面的时候传递数据,jQuery-MINI UI如何实现:
其实我们要要做的事情是将数据显示到表格中,那么我们就要看一开始是如何实现的:
前台千篇一律如此:
<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">借阅次数</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>
上面是我们的表格显示的内容,mini-ui在页面进行加载的时候就会初始化表格所以说在div中我们有一个url属性,也就是告诉我们数据的来源
url="../index?method=listAll"
在页面进行加载的时候回调用listAll这个方法,我们进行搜索的时候也会去调用这个方法,但是我们会传递数据到后台
那么在js重我们该如何编写,首先我们来看看不需要传递数据到到后台,怎样来加载这个表格
var grid = mini.get("datagrid1"); grid.load();
那么我们在点击搜索的时候,是不是要进行传递数据到后台:
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 }); }
新闻热点
疑难解答
图片精选