easy-ui的data-options⽤法
页⾯代码部分：
<thead>
<tr>
<th data-options="field:'a',width:60">停车时刻</th>
<th data-options="field:'nMin',width:50">时长</th>
<th data-options="field:'poi',width:80,">地点</th>
</tr>
</thead>
在easy-ui⾥⾯，data-options可以轻松定义列表的属性，这⾥field:'a'声明⼀个数据名称，该数据名和api接⼝⾥⼀致；在js中datagrid作为easy-ui的数据表格控件，可以通过idFiled属性获得页⾯的标识字段，从⽽对页⾯的数据进⾏操作。对应的js 部分
//datagrid初始化
function datagrid_init() {
window.dg = $('#dg').datagrid({
idField: 'a',//识别页⾯的标识字段
header: '#hh',//表头id
singleSelect: true,//单⾏选择
border: false,//边框线
remoteSort: true,//定义从服务器对数据进⾏排序
pageSize: 10,//页码数
pagination: true,//分页
fit: true,
fitColumns: true,//⾃动列宽
scrollbarSize: 0,//滚动条的宽度
onDblClickRow: function (rowIndex, rowData) {//⽤户双击⼀⾏时触发 rowIndex：点击的⾏的索引值，该索引值从0开始。
//rowData：对应于点击⾏的记录。
//alert(rowData.lng);
var msg = "时间：" + rowData.a + "<br>⾥程：" + rowData.mileage + "<br>⾏驶时间：" + rowData.nMin;
refresh(rowData.lng, rowData.lat, msg, rowData.a)
$.('#p3');
}
});
easyuidatagrid
window.pg = $('#dg').datagrid('getPager');
$('.datagrid-pager').pagination({
onSelectPage: function (pageNumber, pageSize) {
$(this).pagination('loading');
//alert('pageNumber:' + pageNumber + ',pageSize:' + pageSize);
qry_pos();
$(this).pagination('loaded');
}
});
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。