How to get the row object?

This doesn't address the identical entries problem, as the 'getSelections' would return the rowData instead of the object.

Code:

var selections= dg.datagrid('getRowIndex',dg.datagrid('getSelections')));
var ids = [];
$.each(Selections, function(i, e){
    var index = dg.datagrid('getRowIndex', e);
    if(ids.contains(e.id)){
       console.info('exists index -->>' + index)
    }else{
      ids.push(e.id);
   }
});

Thanks, but how to get the row object of the selected row? Couldn't find it in the doc.  'getSelected' only returns the rowData.   

Calling 'getRowIndex' method will return the specified row index. What you need to do is to pass the row object to this method.

Code:

var row = ...;  // the row object
var idx = $('#dg').datagrid('getRowIndex', row);
alert(idx);

Btw,  the documentation said the following, so I guess it needs to be updated:
getRowIndex   row   Return the specified row index, the row parameter can be a row record or an id field value.

Hello?

This was asked by someone but the answer like the following does not serve my purpose...

Code:

var dg=$('#dg');
var selected = dg.datagrid('getRowIndex',dg.datagrid('getSelected')));

So I have a table that has two identical records in it.  When the second identical record is selected ,  I want to get its index, not the first one.  The code above will give me the first index instead.   I know I could have used a unique id field but that adds to complexity and I am almost sure there is a simple method to just get index of THE selected row.   Just couldn't find it in the documentation page... Help

The panel was initialized as collapsed='true',  but the title is not showing up in the title bar area (only empty space that does not give a clue what it might be). 

Code:

  <div data-options="region:'north', split:true" title="Edit Your information" style="height:180px" collapsed="true">

I tried the code from another thread as the following:

Code:

var p = $('#maincontainer').layout('panel','north').panel({
	onCollapse:function(){
		var title = $('#maincontainer').layout('panel','north').panel('options').title;  // get the north panel title
		var p = $('#maincontainer').data('layout').panels['expandNorth'];  // the north expand panel
		p.html('<div>'+title+'</div>');
	}
});

but it did not work even after the page loaded. 

Thx. It works but the panel title disappeared after the initialization. 

I tried something like  $('#cc').layout('collapse','west'). It works but it still shows the panel content for a little bit.   
Using $('#cc').layout('panel','east').panel('collapse','true');  would make the display a little messed up .  Any suggestions?

Another question, where do I set the animation easing option for the layout panel closing/opening and can each panel have different settings?

TIA!

It's probably super easy but I thought I'd ask:

How to change the linkbutton text after it has been created?

I guess I need to start a new topic to ask another question:

how to set one of panels to be uncollapsible, either at initialization or the user wants to 'anchor' it.  I understand this may change the height of the accordion area, but is it doable?

Worked!  Also added onExpand the same way.  Thanks a lot!

Another question here: how to set one panel to be uncollapsible, either at initialization or the user wants to 'anchor' it

Searched but did not find similar questions.   I found onCollapse event listed in the Panel events so I assume it is inherited in Accordion.  However I tried the following with no luck:

Code:

$('#spouse_info').accordion({
	border: false,
	onCollapse: function(title){
		$('#spouse_info').accordion('setTitle',"Click to expand");
		}
});

Cool!  Thanks for the quick replies.   

The 'onSlideEnd' event only fires when the user has dragged the slider's thumb and drop it. Please try to use the 'onComplete' event that will get always called, no matter dragging the thumb or clicking the slider.

Code:

$('#ss').slider({
  onComplete:function(value){...}
});

Thanks. The next question follows is that how do I use these click events?  I would like to use the onSlideEnd instead of onChange for my app because the latter triggers too many ajax requests, but was unable to get it working.

Where should I put this file on disk and how to include in the header? 

By itself the slider does not render and using it together with the 'jquery.easyui.min.js' doesn't make a difference.
I am also using other elements like tooltips etc.