EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: chorauoc on September 03, 2018, 01:03:27 AM

Title: Action dropdown button in datagrid cell
Post by: chorauoc on September 03, 2018, 01:03:27 AM

Hi,

I wan to add an action drop-down button (Bootstrap or something else) in datagrid cell. So how can i achieve this ?

Boostrap action dropdowns

Quote

https://v4-alpha.getbootstrap.com/components/dropdowns/

Title: Re: Action dropdown button in datagrid cell
Post by: stworthy on September 03, 2018, 05:49:23 PM

Please try this code:

Code:

$('#dg').datagrid({
	columns: [[
		{field:'name',title:'Name',width:100},
		{field:'action',title:'Action',width:150,align:'center',
			formatter: function(value){
				return '<span class="action">'+value+'</span>';
			}
		}
	]],
	data: data,
	onLoadSuccess: function(){
		$(this).datagrid('getPanel').find('.action').menubutton({
			menu: '#actionMenu'
		});
	}
});

Title: Re: Action dropdown button in datagrid cell
Post by: roberto on November 18, 2018, 11:38:59 PM

Hi
I tried this but it did not work for me. Can you show a practical example? (please)

Title: Re: Action dropdown button in datagrid cell
Post by: roberto on November 19, 2018, 07:35:50 PM

sorry, it's working! ;D
great