Embedding A webeditor control in webgrid

Source: Internet
Author: User

Before you begin:

All of the webeditors can be embedded into the webgrid as embedded editors.

Follow these steps:

To add any of the webeditors as an editor in webgrid cells:

  1. Add the webdatainput editors to the ASPX page that you are going to use in the cells of a webgrid.
  2. Set the borderstyle of the webdatainput editors to none.
  3. Add a webgrid to An ASPX page.
  4. Set the datasource and datamember properties to your data source if you are using the webgrid in bound mode, or add columns manually if you are using webgrid in Unbound mode.
  5. Change the allowupdatedefault property of the webgrid to yes.
  6. Select the columns collection from the properties grid to bring up the columns collection editor.
  7. From the members pane on the right of the columns collection Editor, select the field you wish to use the editor.
  8. From the editorcontrolid property, select the ID of the editor on the ASPX page you wish to use for the selected field.
  9. Change the type property to custom.


Repeat steps 7 thru 9 for each editor you want to use in the cells of the webgrid.

What you accomplished:

This project demonstrates the same with which a webtextedit can be embedded into a webgrid.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.