I have a webapi running on http://services.thetaskmate.in/api/ImageGallery/aa
When I run the api in webbrowser I get desired result
I have checked the api in Fiddler and I get json data
When I execute your example page
<telerik:RadImageGallery runat="server" ID="RadImageGallery1" Height="600px" Width="800px"
ClientDataSourceID="RadClientDataSource1"
DataImageField="ImageUrl" DataThumbnailField="ThumbUrl" DataTitleField="Title">
<ClientSettings>
<AnimationSettings>
<NextImagesAnimation Type="VerticalSlide" />
<PrevImagesAnimation Type="VerticalSlide" />
</AnimationSettings>
</ClientSettings>
</telerik:RadImageGallery>
<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1" >
<DataSource>
<WebServiceDataSourceSettings BaseUrl ="http://services.thetaskmate.in/api/ImageGallery/aa" >
<Select Url="http://services.thetaskmate.in/api/ImageGallery/aa" RequestType="Get" DataType="JSON" />
</WebServiceDataSourceSettings>
</DataSource>
<Schema DataName="D" >
<Model>
<telerik:ClientDataSourceModelField FieldName="ImageUrl" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="ThumbUrl" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="Title" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="Description" DataType="String" />
</Model>
</Schema>
<ClientEvents OnRequestFailed="tst" OnRequestStart="b" OnDataParse="c" />
</telerik:RadClientDataSource>
<script type="text/javascript">
function tst(){
alert("a");
}
function b() {
alert("b");
}
function c() {
alert("data");
}
</script>
I get a RequestFailed.
When I run the api in webbrowser I get desired result
I have checked the api in Fiddler and I get json data
When I execute your example page
<telerik:RadImageGallery runat="server" ID="RadImageGallery1" Height="600px" Width="800px"
ClientDataSourceID="RadClientDataSource1"
DataImageField="ImageUrl" DataThumbnailField="ThumbUrl" DataTitleField="Title">
<ClientSettings>
<AnimationSettings>
<NextImagesAnimation Type="VerticalSlide" />
<PrevImagesAnimation Type="VerticalSlide" />
</AnimationSettings>
</ClientSettings>
</telerik:RadImageGallery>
<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1" >
<DataSource>
<WebServiceDataSourceSettings BaseUrl ="http://services.thetaskmate.in/api/ImageGallery/aa" >
<Select Url="http://services.thetaskmate.in/api/ImageGallery/aa" RequestType="Get" DataType="JSON" />
</WebServiceDataSourceSettings>
</DataSource>
<Schema DataName="D" >
<Model>
<telerik:ClientDataSourceModelField FieldName="ImageUrl" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="ThumbUrl" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="Title" DataType="String" />
<telerik:ClientDataSourceModelField FieldName="Description" DataType="String" />
</Model>
</Schema>
<ClientEvents OnRequestFailed="tst" OnRequestStart="b" OnDataParse="c" />
</telerik:RadClientDataSource>
<script type="text/javascript">
function tst(){
alert("a");
}
function b() {
alert("b");
}
function c() {
alert("data");
}
</script>
I get a RequestFailed.