文章/答案/技术大牛

发布

社区首页 >问答首页 >改进的w2ui插件

问改进的w2ui插件
EN

Stack Overflow用户

提问于 2013-05-28 11:31:27

回答 2查看 3.9K关注 0票数 1

我正在使用w2ui(http://w2ui.com/)插件。

考虑下面的例子：1

我希望当单击add按钮时，在网格中出现一个空的可编辑行来添加一个新行？
我没有找到一个配置来隐藏搜索框，我该如何隐藏呢？
如何将列设置为id？目前它只识别recid。

javascript

jquery

plugins

w2ui

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-05-29 01:53:28

下面是一个示例，当单击按钮时，如何在网格中添加新记录：

    <html>
    <head>
    <link rel="stylesheet" type="text/css" media="screen" href="../css/w2ui.css" /> 
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/w2ui.js"></script>
    <script>
    $(function () {
      $('#grid').w2grid({ 
        name: 'grid', 
        show: { 
          toolbar: true,
          footer: true,
          header: true,
          columnHeaders: true,
          lineNumbers: true,
          toolbarDelete: true,
          toolbarSave: true,
          toolbarAdd: true
        },
        columns: [        
          { field: 'recid', caption: 'ID', size: '50px', sortable: true, resizable: true, searchable: 'int' },
          { field: 'lname', caption: 'Last Name', size: '30%', sortable: true, resizable: true, searchable: true,
            editable: { type: 'text' }
          },
          { field: 'fname', caption: 'First Name', size: '30%', sortable: true, resizable: true, searchable: true,
            editable: { type: 'text' }
          },
        ],
        onAdd: function (target, data) {
          var recid = 1;
          if (this.records.length > 0) recid = (Math.max.apply(Math, this.find({}))) + 1;
          this.add({ recid: recid });
          $('#grid_grid_edit_'+ (this.records.length - 1) +'_1').focus();
        },
        onSave: function (target, data) {
          var obj = this;
          console.log(data);
          data.onComplete = function () {
            for (var r in data.changed) {
              obj.get(data.changed[r].recid).editable = false;
            }
            obj.refresh();
          }
        }
      });
    });
    </script>
    </head>
    <body>
      <div id="grid" style="width: 100%; height: 500px;"></div>
    </body>
    </html>

票数 1

Stack Overflow用户

发布于 2013-05-28 17:16:41

因为这是个更大的问题。我将在下一篇文章中回答这个问题。
要隐藏搜索框，可以设置w2grid.show.toolbarSearch = false；有关更多信息，请参见http://w2ui.com/web/docs/w2grid.show。
recid是所需的唯一字段。必须是这样。但是，您可能有许多额外的列，这些列不一定是可见的，甚至在列数组中也不需要有相应的元素。如果服务器端将id作为唯一列返回，则可以添加事件侦听器onLoad，并通过记录将recid设置为id循环。我知道它不那么漂亮，但它会完成任务的。将服务器端更改为返回recid将使其变得漂亮。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16790988

复制

相似问题

问改进的w2ui插件
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问改进的w2ui插件EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问改进的w2ui插件
EN