Tag Archives: Bind data

Bind Value to WebTextEditor When Used As Template

WebTextEditor can be used as editing tool in many scenarios. If you have details view or other data list control, WebTextEditor can be used as the item or edit template and the related data can be displayed in WebTextEditor.

DetailsView control is used to demonstrate this capability. After it is bound properly to Employees table, users can navigate through employee data using the navigation links provided. Data can be bound to WebTextEditor when it is used as item or edit template. Simply set the Content property to the related data.

<asp:TemplateField HeaderText="Notes" SortExpression="Notes">
   <ItemTemplate>
      <ISWebTextEditor:WebTextEditor ID="WebTextEditor1" runat="server" Height="200px"
      	   Width="500px" Content='<%# Bind("Notes") %>'>
         <ViewSettings EnableHTMLView="false" EnableSplitView="false" />
         <ToolBarSettings ToolBarMode="None" />
         <RootTextEditor ReadOnly="true">
         </RootTextEditor>
      </ISWebTextEditor:WebTextEditor>
   </ItemTemplate>
   <EditItemTemplate>
      <ISWebTextEditor:WebTextEditor ID="WebTextEditor1" runat="server" Height="200px"
	    Width="500px" Content='<%# Bind("Notes") %>'>
         <ViewSettings EnableHTMLView="false" EnableSplitView="false" />
	 <ToolBarSettings ToolBarMode="Minimal" />
         <TaskPaneSettings>
 	    <MediaGallery Enabled="false" />
 	 </TaskPaneSettings>
      </ISWebTextEditor:WebTextEditor>
   </EditItemTemplate>
</asp:TemplateField>

As item template, the related Notes data will be displayed in WebTextEditor. As item template, users are unable to edit the content. Read-only status can be set in WebTextEditor when it is used as item template.

WebTextEditor used as item template

When users click Edit, the related Notes data will be displayed in WebTextEditor. Users can easily modify the content and save the update.

WebTextEditor used as edit template
WebTextEditor used as edit template

When used as either template, WebTextEditor configuration can be customized based on your requirement. Please browse to this sample in Intersoft Live Demo to try it yourself.

Bind WebScheduler to WebService

ISDataSource is used to bind data to WebScheduler. It would be easier if the DataSet or custom object is available at design-time, because you can configure ISDataSource using ISDataSource.NET Designer. However, when you use WebService to retrieve the data, the schema is retrieved at runtime.

Assuming that you already implemented the methods that return the data needed (in this sample: WebService.cs), here is how to bind WebScheduler to WebService.

Create a new WebForm, and drag WebScheduler and ISDataSource from ToolBox.

For complete usability, WebScheduler requires 5 tables bound, which are Resources, Categories, Events, RecurringEvents, and RecurrenceInfo. At minimum, two tables should be bound to WebScheduler: Resources and Events. Open ISDataSource.NET Designer, press Next in Choose Schema Definition page. In Define Data Methods page, create new table and named it Resources.

ISDataSource.NET Designer - Define Data Methods page

ISDataSource.NET Designer - Define Data Methods page

In Choose a business object section, uncheck “Show only data components” checkbox, and choose the class from the dropdown. In this sample, the class is WebService. If your class is not listed in the dropdown, try to build the web project and remove unnecessary assemblies from Bin folder.

In the tab below, choose your methods for Select, Insert, Update, Delete actions. Do the same to other tables. In this sample, only Resources and Events tables are added.
ISDataSource.NET Designer

ISDataSource.NET Designer

Press Finish.

In ISDataSource Properties window, set ConflictDetection property to CompareAllValues.

Configure DataBindings property in WebScheduler and run the page.

WebScheduler bound to WebService

WebScheduler bound to WebService

WebScheduler is now bound to WebService. For the complete sample, please download here.