edatagrid with linkbutton to dialog

[ShockRaver]

In my editable datagrid i would like a dialog to pop up when i enter onEdit, or just before a row is updated.

This dialog should contain a textarea and an "ok" button. When OK is clicked and the row in the datagrid is going to update, the text in the textarea should also be posted to the updateUrl.

Maybe dialog isn't the way to go, i don't know.

Anybody any ideas on how to do this?

Eelco

[stworthy]

If you are using the edatagrid plugin, please assign the 'textarea' editor to the field. Thus you will get the inline-editing datagrid and don't need a dialog again when editing a row.

[ShockRaver]

Thx, i am using that now, but it is bound to the width of the column....

Or can i manipulate it?

[stworthy]

Please refer to this example http://jsfiddle.net/7NrQ4/1/

[ShockRaver]

Thx for the input.

I also found another way, here it is:

jquery.easyui.min.js add this:

Code:

$.extend($.fn.datagrid.methods,{
	resizeColumn:function(jq,param){
		return jq.each(function(){
			var dg = $(this);
			var col = dg.datagrid('getColumnOption', param.field);
			col.boxWidth = param.width + (col.boxWidth-col.width);
			col.width = param.width;
			dg.datagrid('fixColumnSize', param.field);
		})
	}
})

Then the onEdit will work with this:

Code:

var ed = $(this).edatagrid('getEditor',{index:index,field:'comment'});
			$(this).datagrid('resizeColumn', {
                       field: 'comment',
                      width: 300
});