w2ui用jquery 3.1.1网格不显示记录

时间:2017-03-16 08:34:37

标签: jquery w2ui

我试图使用页面上显示的某些数据制作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>

1 个答案:

答案 0 :(得分:0)

这似乎是w2ui 1.5 rc1的问题(小提琴:http://jsfiddle.net/0gvujdm3/1/

如果您将源更新为最新的w2ui 1.5(每晚主人),您将看到此问题不再出现(小提琴http://jsfiddle.net/0gvujdm3/

Since I can't post fiddle links w/o also posting code, 
here's some extra content to this answer.

注意:目前w2ui颜色选择器输入在夜间主控中断(但在1.5 rc1中正常工作)。