I am having trouble making use of the datagrid properties resizeEdge and resizeHandle.
I've built my application using the edatagrid files available at
https://www.jeasyui.com/extension/downloads/jquery-easyui-edatagrid.zipThey don't seem to be taking effect, so maybe they aren't supported in the file I have downloaded, and I need the non "e" version? I've never really figured out the difference between the "e" and "non e" datagrid, but I have always erred on using the "e" version since we use this for lots of editing. I can't seem to find a version for these files either, to make sure these options are supported (1.3 and up).
The columns in this editor seem to have always been resizable, so I'm not sure if I need to include the column attribute "resizable" for the datagrid options to work.
I also wanted to point out a possible bug. It seems that when a datagrid header is two lines tall (like text has wrapped), that the resize handle only appears horizontally across from the text. If there is another header with only a single line of text, the handle only appears on the lower half of the header.
Thanks for any help you can spare,
Kevin
$(function(){
$('#dg-ap').edatagrid({
fit: true,
fitColumns: false,
idField: 'id',
loadMsg: 'Loading data',
nowrap: true,
pageSize: 50,
pagination: true,
remoteFilter: true,
remoteSort: true,
resizeEdge: 20,
resizeHandle: 'right',
rownumbers: true,
sortName: 'id',
singleSelect: true,
toolbar: '#toolbar-ap',
updateUrl: 'update_ap.php',
//The following section prevents editing of the AP name, unless it has no name. Use the edit link in the column header instead.
onBeforeEdit: function(val,index,row){
var col = $(this).datagrid('getColumnOption', 'ap_name');
var cell_data = $('#dg-ap').datagrid('getSelected').ap_name;
if (cell_data == null || cell_data==''){
col.editor = {type: 'validatebox', options: {required:true}};
} else {
col.editor = null;
}
//Set AP's active column to 1 ('Y') by default on new save
/* var ed = $(this).datagrid('getEditor', {index:index,field:'active'});
console.log(ed);
$(ed.target).val(1) */
},
onEndEdit: function(index,row){
var ed = $(this).datagrid('getEditor',{index:index,field:'antenna_id'});
row.antenna_name = $(ed.target).combobox('getText');
}
});
});