LigerUi-Js中Grid行修改时,不执行保存事件的原因?(已解决)

LigerUi-Js中Grid行修改时,不执行保存事件的原因?(已解决)

(1)


(2)下面代码写在grid上面

function itemclick1(item) {
          var editingrow = grid.getEditingRow();
          switch (item.text) {
              case "增加":
                  if (editingrow == null) {
                      grid.addEditRow();
                  } else {
                      LG.tip('请先提交或取消');
                  }
                  break;
              case "修改":
                  var selected = grid.getSelected();
                  if (editingrow == null) {
                      beginEdit()
                  } else {
                      LG.tip("请先提交或取消修改");
                  }

                  break;
              case "保存":
                  
                  if (editingrow != null) {
                      alert("保存11");
                      grid.endEdit(editingrow);

                  }
                  else {
                      LG.tip('现在不在编辑状态');
                  }
                  break;
              case "取消":
                  if (editingrow != null) {
                      grid.cancelEdit(editingrow);
                  } else {
                      LG.tip('现在不在编辑状态!');
                  }
                  break;
              case "删除":
                  $.ligerDialog.confirm('确定删除吗?', function (confirm) {
                      if (confirm)
                          f_delete(grid, 1);
                  });
                  break;
              case "操作按钮":

                  break;
          }
      }
      //加载toolbar
      var toolbarOptions1 = {
          items: [
            { text: '增加', click: itemclick1, img: "../lib/icons/silkicons/add.png" },
            { line: true },
                       { text: '修改', click: itemclick1, img: "../lib/icons/miniicons/page_edit.gif" },
            { line: true },
            { text: '保存', click: itemclick1, img: "../lib/icons/silkicons/page_save.png" },
            { line: true },
                        { text: '取消', click: itemclick1, img: "../lib/icons/silkicons/cancel.png" },
            { line: true },
            { text: '删除', click: itemclick1, img: "../lib/icons/miniicons/page_delete.gif" }

          ]
      };

3 )必须写一下代码,否则不能进入(添加,修改之后的)保存方法


//工具条事件
      function toolbarBtnItemClick(item) {
          var editingrow = grid.getEditingRow();
          switch (item.id) {
              case "add":
                  //top.f_addTab(null, '增加角色信息', 'MemberManage/RoleDetail.aspx');
                  if (editingrow == null) {
                      addNewRow();
                  } else {
                      LG.tip('请先提交或取消修改');
                  }
                  break;
              case "view":
                  var selected = grid.getSelected();
                  if (!selected) { LG.tip('请选择行!'); return }

                  break;
              case "modify":
                  var selected = grid.getSelected();
                  if (!selected) { LG.tip('请选择行!'); return }
                  //top.f_addTab(null, '修改角色信息', 'MemberManage/RoleDetail.aspx?ID=' + selected.RoleID);
                  if (editingrow == null) {
                      beginEdit();
                  } else {
                      LG.tip('请先提交或取消修改');
                  }
                  break;
              case "delete":
                  jQuery.ligerDialog.confirm('确定删除吗?', function (confirm) {
                      if (confirm)
                          f_delete();
                  });
                  break;
              case "save":
                  if (editingrow != null) {
                      grid.endEdit(editingrow);
                  } else {
                      LG.tip('现在不在编辑状态!');
                  }
                  break;
              case "cancel":
                  if (editingrow != null) {
                      grid.cancelEdit(editingrow);
                  } else {
                      LG.tip('现在不在编辑状态!');
                  }
                  break;
          }
      }



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
首先需要在Vue项目引入LigerUI的相关文件,可以通过CDN或下载LigerUI的文件进引入。然后在Vue组件定义一个grid组件,并在该组件引入LigerUI的相关代码。 在Vue组件的template,可以使用LigerUI提供的grid标签来创建grid组件,例如: ``` <liger-grid :columns="columns" :data="data"></liger-grid> ``` 其,columns是定义grid的列信息,data是要展示的数据信息。 在Vue组件的script,需要定义columns和data两个变量,例如: ``` <script> export default { name: 'MyGrid', data () { return { columns: [ { display: 'ID', name: 'id', width: 80, align: 'center' }, { display: 'Name', name: 'name', width: 120, align: 'left' }, { display: 'Email', name: 'email', width: 200, align: 'left' }, { display: 'Address', name: 'address', width: 200, align: 'left' } ], data: [ { id: 1, name: 'John', email: '[email protected]', address: 'New York' }, { id: 2, name: 'Jane', email: '[email protected]', address: 'London' }, { id: 3, name: 'Bob', email: '[email protected]', address: 'Paris' } ] } } } </script> ``` 以上是一个简单的示例,其columns定义了grid的列信息,包括列名、列字段名、列宽度和对齐方式等,data定义了要展示的数据信息。 需要注意的是,LigerUIgrid组件需要在mounted生命周期初始化,例如: ``` mounted () { this.$nextTick(() => { $(this.$el).ligerGrid({ columns: this.columns, data: this.data }) }) } ``` 以上代码,使用jQuery选择当前组件的元素,然后调用ligerGrid方法进初始化,传入columns和data参数。 最后,需要在组件销毁销毁grid组件,例如: ``` beforeDestroy () { $(this.$el).ligerDestroy() } ``` 以上是用Vue实现LigerUIgrid组件的基本步骤,可以根据实际需求进调整和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敦厚的曹操

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值