CODEWITHSUNDEEP
jqueryw2ui
Alexander Karlov
Alexander Karlov

Reputation: 23

w2ui with jquery 3.1.1 grid not showing records

I'm trying to make w2ui grid with some data in it shown on page. But if I use jquery 3.1.1 grid is rendered and shown, but records are not shown (reload button make them appear but that's not a solution).

My code:

<!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>

Upvotes: 1

Views: 1757

Answers (1)

Mike Scotty
Mike Scotty

Reputation: 10782

This seems to be an issue with w2ui 1.5 rc1 (fiddle: http://jsfiddle.net/0gvujdm3/1/ )

If you update the sources to the latest w2ui 1.5 (nightly master), you will see that this problem no longer occurs (fiddle http://jsfiddle.net/0gvujdm3/ )

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

Note: Currently the w2ui color picker input is broken in the nightly master (but works fine in 1.5 rc1).

Upvotes: 0

Related Questions