最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

浅谈EasyUI中编辑treegrid的方法_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:34:58
文档

浅谈EasyUI中编辑treegrid的方法_jquery

浅谈EasyUI中编辑treegrid的方法_jquery:主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态。 代码如下: columns : [ [ { title : ID, field : id, hidden : true }, { field : pid, hidden : true }, { title : AAA, field :
推荐度:
导读浅谈EasyUI中编辑treegrid的方法_jquery:主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态。 代码如下: columns : [ [ { title : ID, field : id, hidden : true }, { field : pid, hidden : true }, { title : AAA, field :


主从表,从表是一个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","");
}
},
}
}
}

开启编辑状态

代码如下:
$('#rulesgrid').treegrid('beginEdit', index);

文档

浅谈EasyUI中编辑treegrid的方法_jquery

浅谈EasyUI中编辑treegrid的方法_jquery:主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态。 代码如下: columns : [ [ { title : ID, field : id, hidden : true }, { field : pid, hidden : true }, { title : AAA, field :
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top