您的位置:首页 > 教程笔记 > 前端笔记

EasyUI对treegrid编辑方法简单介绍

2023-12-04 13:32:34 前端笔记 149

下面是一段EasyUI中编辑treegid的方法的代码实例。非常的简单,比较适合初学者参考学习,代码:

主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态。

columns : [ [ {
  title : "ID",
  field : "id",
  hidden : true
}, {
  field : "pid",
  hidden : true
}, {
  title : "AAA",
  field : "aaa",
  width : 70,
  align : "center",
  halign : "center"
}, {
  title : "BBB",
  field : "bbb",
  width : 70,
  align : "center",
  halign : "center",
  editor : {
    type : "combobox",
    options : {
    data : [ {
      "id" : 0,
      "text" : "苹果"
    }, {
      "id" : 1,
      "text" : "梨子"
    } ],
    valueField : 'id',
    textField : 'text',
    editable : false,
    // required : true,
    panelHeight : "auto",
    missingMessage : "请选择水果",
    onSelect : function(record) {
      //editingId是进入编辑状态行的id
      var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
      if(record.id == 1){//选择梨子
        var feditor = editors[1];//一行中第二个编辑框
        //将编辑框设置成必填
        $(feditor.target).validatebox({required:true});
        //将编辑框设置成可编辑
        $(feditor.target).numberbox('enable');
        var feditor2 = editors[2];//一行中第三个编辑框
        $(feditor2.target).validatebox({required:true});
      }
          else if(record.id == 0){//选择苹果
        var feditor = editors[1];
        $(feditor.target).validatebox({required:false});
        $(feditor.target).validatebox("setValue","");
        $(feditor.target).numberbox('disable');
        var feditor2 = editors[2];
        $(feditor2.target).validatebox({required:false});
        $(feditor2.target).validatebox("setValue","");
       }
     },
   }
 }
}]]

相关推荐

  • zblog根据ID批量修改文章状态

    zblog根据ID批量修改文章状态

    zblog根据ID批量修改文章状态

    综合教程 2023-12-04 11:03:23 186
  • WordPress编辑器添加自定义按钮

    WordPress编辑器添加自定义按钮

    wordprss编辑器添加自定义按钮是最简单的,只需要在自己使用的主题模板函数functions.文件中,添加以下的代码即可。编辑器添加按钮functionapp_add_quickgs(){?scripttyp='t

    综合教程 2023-11-16 11:00:46 28
  • wordpress后台添加多个编辑器

    wordpress后台添加多个编辑器

    wordprss网站有时需要一些不同的分类参数,例如:产品说明、产品图片列表、产品参数等,然后这些在一个页面上使用B切换,既节省了网站版面也增加了页面的功能。特别方便的方法就是在网站后台添加多个编辑器,每个编辑器编辑一部分内容,然后进行相应的调用。这样就能是实现多个内容

    综合教程 2023-11-16 11:00:46 88
  • wordpress提示“抱歉,该文件无法被编辑”解决方法

    wordpress提示“抱歉,该文件无法被编辑”解决方法

    wordprss网站后台安装了一个主题,然后想通过后台编辑模板代码时,却提示“抱歉,该文件无法被编辑”。为什么会出现这种问题呢?经排查问题主题是通过FTP上传到主题模板文件夹的,然后在线解压缩,但是他将所有模板文件直接解压到文件下了。这样,虽然WP程序能够识别这

    综合教程 2023-11-16 11:00:41 96
  • WordPress后台编辑器添加按钮

    WordPress后台编辑器添加按钮

    WordPrss在后台编辑器添加按钮的方法也很简单。只需要在自己使用的Wordprss模板函数里添加以下的代码即可。添加HTML编辑器自定义快捷标签按钮add_action('aftr_wp_tiny_mc','add_button_mc');functi

    综合教程 2022-12-30 07:42:01 112