[HowTo] External components in editing
Posted: 11 Dec 2014 11:25In this tutorial, we will show you how to use external controls in editing of row.
Lets see a real example:
What we need? :
Steps:
Result:
Important:
Notes/Tips:
Lets see a real example:
What we need? :
- Column with dropdown
- Column with edit and few buttons inline.
Steps:
- Drop the IWCGJQDropDown into IWCGJQGrid and confirm the message.
- Set the Visible to False
- if you have static items, use the Items property / if you have dynamic items, use the DataLink (ListDataSource) property
- Set the Visible to False
- Drop IWCGJQRegion into IWCGJQGrid and confirm the message.
- Set the Visible to False
- Define your layout
- Set the Visible to False
- Now, go to column which will contain the IWCGJQDropDown and assign the EditOptions.Control to IWCGJQDropDown
- Go to column which will contain the IWCGJQRegion and assign the EditOptions.Control to IWCGJQRegion
Result:
Important:
- Set the IWCGJQGrid.RenderInvisibleControls to True
Notes/Tips:
- If you need only the DatePicker or AutoComplete, uses built-in options (EditOptions.DatePickerOptions and EditOptions.AutoCompleteOptions)
- If will use multiple componentes, uses the IWCGJQRegion.