easyui datagrid 可编辑单元格显示 clear icon 和放大镜图标

最新推荐文章于 2021-07-22 15:41:33 发布

holei520

最新推荐文章于 2021-07-22 15:41:33 发布

阅读量857

点赞数

分类专栏： easyui cellediting 文章标签： easyui datagrid searchbox my97

本文链接：https://blog.csdn.net/holei520/article/details/89713656

版权

easyui cellediting 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

html 部分

主要是这句话 <th data-options=“field:‘attr1’,width:250,editor:{type:‘searchbox’}”>Attribute</th>
在这里插入图片描述
js部分
$. e x t e n d ($ .fn.datagrid.defaults.editors, {
searchbox: {
init: function(container, options) {
var input = $(’<input type=“text” class=“easyui-textbox”>’).appendTo(container);
).appendTo(container);
input.textbox({
//添加清除图标
icons: [{
iconCls: ‘icon-clear’,
handler: function (e) {
input.textbox(‘clear’);
//modelTextClear(curField);
}
},
{
iconCls:‘icon-search’,
handler: function(e){
var v = $(e.data.target).textbox(‘getValue’);
alert('The inputed value is ’ + (v ? v : ‘empty’));
}
}
]
});
return input;
},
getValue: function(target) {
return $(target).searchbox(‘getValue’);
},
setValue: function(target, value) {
$(target).searchbox(‘setValue’, value);
},
resize: function(target, width) {
$(target).searchbox(‘resize’, width);
}
}
});