KOGrid Button in row open the dialog

[arunsaho]

Hi
I want a link/button in each row which open dialog box with details of row. My first row is working fine.
Some how not able to open the dialog box for other rows. CSS is applied to first button only.
{ field: 'StdID', displayName: 'Edit Details, cellTemplate:
'

' +
'Update' + '

', width: '180'
}

selectedItems: self.mySelections,
multiSelect: false

2. In another grid I want a data field to be link button when clicked which opens a dialog box with details of row.

[will-russell]

For CSS, I have found that putting the class into the template works consistently, so that is what I would recommend.

I have also found that embedding controls like this (including ko components) is fairly straightforward based off of the cell template library example below. I will try to add in an example of using KnockoutJS components for cell values.

NOTE: this assumes that there is a function you will want to pass some identifier to a function that will do this for you, and "$data.field" will need to be the ID of the row object.

cellTemplate: '<button class=\"detail-button\" data-bind=\"click: fnShowDisplay($parent.entity[$data.field])\" value=\"Details...\" />'

[arunsaho]

Thanks Russell.