我正在尝试使用页面上显示的一些数据制作 w2ui 网格。但是,如果我使用 jquery 3.1.1 渲染并显示网格,但不显示记录(重新加载按钮使它们出现,但这不是解决方案)。
我的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="w2ui/jquery-3.1.1.js"></script>
<script type="text/javascript" src="w2ui/w2ui-1.5.rc1.js"></script>
<link rel="stylesheet" type="text/css" href="w2ui/w2ui-1.5.rc1.css" />
</head>
<body>
<div id="main" style="width:98vw; height: 98vh; margin:0 auto"></div>
<script type="text/javascript">
var grid2 = {
grid: {
name: 'grid',
selectType: 'cell',
style:'font-size:xx-small',
show: {
toolbar: true,
footer: true,
},
columns: [
{field:'code', caption:'Code', size:'5%', resizable: false},
{field:'name', caption:'Name', size:'20%', resizable: false},
{field:'f1', caption:'Field1', size:'5.35%', resizable: false}
],
records:[
{recid: 0, code: '34072', name: 'Name1'},
{recid: 1, code: '00372', name: 'Name2'},
{recid: 2, code: '30402', name: 'Name3'},
]
}
};
$(document).ready(
function () {
//w2utils.locale('w2ui/locale/ru-ru.json');
$('#main').w2grid(grid2.grid);
}
);
</script>
</body>
</html>