EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: devnull on March 24, 2016, 03:53:32 AM

Title: Accessing datagrid inline editors outside of the datagrid
Post by: devnull on March 24, 2016, 03:53:32 AM

I have a datagrid that handles the rows in a header - row type document.

The datagrid row has inline editing with several comboboxes, numberspinners etc etc.

I know that I can acces an editor when there is a row already loaded by using getEditors(), but how can I access these combobox, numberspinner etc objects without referencing a particular row.

These objects have their properties including url and urlParams for json queries dynamically set by other comboboxes within a form on the same page and right now I can't figure out how to access them outside of the datagrid row ?

Title: Re: Accessing datagrid inline editors outside of the datagrid
Post by: devnull on March 24, 2016, 05:09:38 AM

I have figured out how to get the combo object outside of the datagrid:

Code:

      var oid = $('#dgrid').datagrid('getColumnOption','ORDER_ID').editor;
      oid.combobox('reload','/?someurlandparams);

But how can I call the combobox and reload it ?

Title: Re: Accessing datagrid inline editors outside of the datagrid
Post by: stworthy on March 24, 2016, 11:34:51 PM

You can change the configuration of the column editor. Just like this:

Code:

var oid = $('#dgrid').datagrid('getColumnOption','ORDER_ID').editor;
oid.options.url = '/?someurlandparams';

Or call 'reload' method when beginning to editor a row.

Code:

$('#dgrid').datagrid({
	onBeginEdit: function(index,row){
		var ed = $(this).datagrid('getEditor', {index:index,field:'ORDER_ID'});
		$(ed.target).combobox('reload','/?someurlandparams');
	}
});