hi thanks stworthy - if you comment out your override, it still centered. weird

I tried a different approach where i nest then dialog and grid like so

Code:

	$('#divAdmin').dialog({
		title: 'dia',
		width: 500,
		height: 300,
		closed: true,
		modal: true,
		onOpen: function() {
			$('#tableRescan').datagrid({
				url: 'rescan',
				remoteSort: false,
				fit: true,
				fitColumns: true,
				idField: 'fmtdate',
				columns:[[{
					field: 'fmtdate',
					title: 'date',
					width: 100
				}]],
				toolbar: [{
					text: 'Queue',
					handler: function() {
						console.log($('#tableRescan').datagrid('getSelections'));
					}
				}]
			});
		}
	});

and each time i invoke dialog('open') the progress is centered.

QN: is this the best practice? and is the dialog and components destroyed each time i do close? i want to be able to load new data each time i re-show the dialog.

So in my code i have like a Next/Previous button which allows a logical navigation thru the contents of the combogrid. It's time based data you see.

In my button i do something like:

Code:

$('#comboSearch').combogrid('grid').datagrid('selectRow', newindex);

and this fires off a 'onselect' event.

If i drop down the grid, why would i call selectRow again? that will fire off another onselect no?

I've used selectRow but the highlighted item does not scroll into view. The combogrid example/demo you have also exhibits this behaviour)

I have a combogrid with 100 items and after selecting a value about half way, if i dropdown again, the value is not in the data view (item is highlighted though).
How can i get the datagrid to scroll to the selected/highlighted item?

thanks

Hi stworthy - didn't seem to work. First invocation - centered. Subsequent  - not centered.

thanks

hi yes i ended up doing exactly that (fit: true) and removing this resize code. works great.

hi sorry what's the fix then? i can confirm this doesn't work with the code below with 1.3.1 (yes i am loading everything properly and cleared my browser caches).

The first time i show the dialog it's centered, then subsequent dialog displays with mask not centered...

Code:

		$('#tableRescan').datagrid({
			url: 'rescan',
			remoteSort: false,
			fit: true,
			idField: 'fmtdate',
			columns:[[{
				field: 'fmtdate',
				title: 'date',
				width: 100
			}]]
		});
		
		$('#divAdmin').dialog({
			title: 'dia',
			width: 500,
			height: 300,
			modal: true
		});
	});

html:

Code:

<div id="divAdmin">
  <table id="tableRescan"/>
</div>

aha worked it out

Code:

$('#tableRescan').datagrid('options').onResize = function() {
			$('#divAdmin').dialog('resize');
		};

when the table gets sized, so does the dialog. is this the best practice?

ok i managed to do the nesting. but i can't seem to autofit the grid into the dialog size. Or vice versa. "auto" doesn't seem to work for width/heights?

Code:

<div id="divAdmin">
			<table id="tableRescan"/>
		</div>

$('#tableRescan').datagrid({
			url: 'rescan',
			remoteSort: false,
			width: 400,
			height: 200,
			idField: 'fmtdate',
			columns:[[{
				field: 'fmtdate',
				title: 'date',
				width: 100
			}]]
		});
		
		$('#divAdmin').dialog({
			title: 'dia',
			width: 500,
			height: 300,
			modal: true
		});
	});

Hi

how does one nest Easy components?

I need a window (or maybe a dialog?) with a autofit grid in it. I don't want to markup the attributes in html, but rather javascript/jquery.

I didn't see an "items" or "components" attribute for say a window.

I tried something like:

Code:

$('#ss').spinner({  
	    required:true,  
	    increment:10
});

$('#divAdmin').window({
			title: 'Dialog',
			width: 400,
			height: 200,
			modal: true
		});

<div id="divAdmin">
<input id="ss" value="2"/>
</div>

but this doesn't show or size automatically. Or do i bind the additional components at window create/show time ?

thanks

I want the combobox to really display auto width (ie. resize the box to the largest item on a single line in the dropdown (all items preloaded).
I guess i want panelWidth to be the same as the component width, but both should be the width of the widest item. The width (default: auto) doesn't seem to auto anything. How i configure the component to do what i need?

thanks

Hi are there any example of how to set slider data programatically?

i have arbitrary values (eg. YYYY-MM-DD) that essentially create a time slider.

(i can do this in normal jquery ui, but can't seem to do this in Easy)

thanks

Truly fantastic ! thanks v much.

Hi

if editable is false, i expected:

1. to not be able to select/highlight text in the textbox portion
2. drop down the list when the textbox portion is clicked
3. be able to see a pointer icon when selecting things in the dropdown list

in many ways act like a html 'select/option' item.

how can the above be achieved with the easy ui one?

thanks