Telerik Forums
Kendo UI for jQuery Forum
2 answers
162 views
Hi All

Not sure what i'm doing wrong exactly.

I always get an undefiend error when the fetch is called. 

Any help much appreciated

using the following code:
var dataSource = new kendo.data.DataSource({
  autoSync: true,
  transport: {
    read:  {
      url: "web url",
             beforeSend: function (xhr) {
                //your code
xhr.setRequestHeader("Authorization", "Basic AARtaW5pc3RyYXRvcjpEdWZmSVQ4OTg="); //i set the username and password to valid settings
xhr.setRequestHeader("Accept", "application/json");
xhr.setRequestHeader("Content-type", "application/json");
            },
      dataType: "json" // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
        
    },
    update: {
      url: "web url",
      dataType: "json" // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
    }
  },
  schema: {
    model: { id: "id" }
  }
});
dataSource.fetch(function() {
    var data = this.data();
  console.log(data.length);
//var product = dataSource.at(0);
//console.log(product.id);
});


the json returned looks like:
{

"d" : {

"results": [

{

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(1)", "etag": "W/\"4\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 1, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "Duffy", "Modified": "\/Date(1367700526000)\/", "Created": "\/Date(1367696864000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(1)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(1)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 4, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(1)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Luke", "FullName": "Flukey Luke", "EmailAddress": "luke@demo.com", "Company": "COmpany Here", "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": "<div></div>"

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(2)", "etag": "W/\"5\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 2, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "Sample", "Modified": "\/Date(1367700392000)\/", "Created": "\/Date(1367697021000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(2)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(2)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 5, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(2)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Sam", "FullName": null, "EmailAddress": null, "Company": "My Company", "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(3)", "etag": "W/\"2\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 3, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "Tom", "Modified": "\/Date(1367700527000)\/", "Created": "\/Date(1367700507000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(3)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(3)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 2, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(3)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Testing", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": "<div></div>"

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(4)", "etag": "W/\"1\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 4, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "Smith", "Modified": "\/Date(1367700554000)\/", "Created": "\/Date(1367700554000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(4)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(4)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 1, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(4)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Sam", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(5)", "etag": "W/\"1\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 5, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "man", "Modified": "\/Date(1367743184000)\/", "Created": "\/Date(1367743184000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(5)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(5)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 1, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(5)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "iron", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(6)", "etag": "W/\"1\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 6, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "Using the GSON library", "Modified": "\/Date(1367793454000)\/", "Created": "\/Date(1367793454000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(6)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(6)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 1, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(6)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Using libraries is convenient.", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(7)", "etag": "W/\"1\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 7, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "Using the GSON library", "Modified": "\/Date(1367793455000)\/", "Created": "\/Date(1367793455000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(7)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(7)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 1, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(7)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Using libraries is convenient.", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(8)", "etag": "W/\"1\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 8, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "sam", "Modified": "\/Date(1367793667000)\/", "Created": "\/Date(1367793667000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(8)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(8)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 1, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(8)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Using libraries is convenient.", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}, {

"__metadata": {

"uri": "http://webadd/Samples/Enrolments(9)", "etag": "W/\"1\"", "type": "Microsoft.SharePoint.DataService.EnrolmentsItem"

}, "Id": 9, "ContentTypeID": "0x01060096C4C2ABBC5E44418CFFAEE0C90BB04A", "ContentType": "Contact", "LastName": "sam", "Modified": "\/Date(1367793667000)\/", "Created": "\/Date(1367793667000)\/", "CreatedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(9)/CreatedBy"

}

}, "CreatedById": 1, "ModifiedBy": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(9)/ModifiedBy"

}

}, "ModifiedById": 1, "Owshiddenversion": 1, "Version": "1.0", "Attachments": {

"__deferred": {

"uri": "http://webadd/Samples/Enrolments(9)/Attachments"

}

}, "Path": "/Samples/Lists/Enrolments", "FirstName": "Using libraries is convenient.", "FullName": null, "EmailAddress": null, "Company": null, "JobTitle": null, "BusinessPhone": null, "HomePhone": null, "MobileNumber": null, "FaxNumber": null, "Address": null, "City": null, "StateProvince": null, "ZIPPostalCode": null, "CountryRegion": null, "WebPage": null, "Notes": null

}

]

}

}


Thanks 

Luke
luke
Top achievements
Rank 1
 answered on 16 May 2013
3 answers
193 views
when nested collection model binding to Kendo DropDownList, 
not bind correctly .

Kendo.Mvc version is 2013.1.319.340

HomeControoler.cs
namespace MvcApplication5.Controllers
{
    public class ChildModel
    {
        public int CategoryId { get; set; }
    }
    public class ParentModel
    {
        public int CategoryId { get; set; }
        public ChildModel Child { get; set; }
        public List<ChildModel> Children { get; set; }
         
    }
 
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            var model = new ParentModel
            {
                CategoryId = 2,
                Child = new ChildModel { CategoryId = 2},
                Children = new List<ChildModel>
                {
                    new ChildModel { CategoryId = 2}
                }
            };
            return View(model);
        }
 
    }
}
Index.cshtml
@model MvcApplication5.Controllers.ParentModel
 
@{
    ViewBag.Title = "Index";
    var list = new List<SelectListItem>()
    {
      new SelectListItem() { Value = "1", Text = "one" },
      new SelectListItem() { Value = "2", Text = "two" },
      new SelectListItem() { Value = "3", Text = "three" },
    };
}
 
<h2>all actual categoryid must be 2</h2>
 
<h3>[OK] Model.CategoryId: @Model.CategoryId</h3>
@(Html.Kendo().DropDownListFor(m => m.CategoryId)
  .BindTo(list)
)
 
<h3>[OK] Model.CategoryId: @Model.Child.CategoryId</h3>
@(Html.Kendo().DropDownListFor(m => m.Child.CategoryId)
  .BindTo(list)
)
 
<h3>[NG] Model.Children[0].CategoryId: @Model.Children[0].CategoryId</h3>
@(Html.Kendo().DropDownListFor(m => m.Children[0].CategoryId)
  .BindTo(list)
)
<hr />
@Html.TextBoxFor(m => m.Children[0].CategoryId)
result

Daniel
Telerik team
 answered on 15 May 2013
1 answer
268 views
I need to design an organisation chart like the one you'll have in Telerik i.e. the RadOrgChart.
The chart should have draggable and droppable nodes.

But as I am using MVC I cannot handle the NodeDrop event of the RadOrgChart cause
 the event is handled in code behind.

Please help me with some alternate control in kendo.

Treeview is the closest control but I have to display a lot of data and treeview has a vertical view which doesn't give a good look and feel.
Alexander Valchev
Telerik team
 answered on 15 May 2013
1 answer
54 views
Hi,
I apologize if this is not the right forum, but I didn't find any bug report utilities inside kendoui.com.
To topic: according to the thread title, I think there is a bug inside the list-view when editing a listitem after the creation of a new one. Please feel free to proceed the following steps and see for yourself. The problem also appears when using the Kendo UI demo page:
http://demos.kendoui.com/web/listview/editing.html
Step 1: add a new item
Step 2: don't cancel creation and try to edit another record
Step 3: edit a second record without canceling the 2nd
Wright now the record from step 2 has overwritten the record from step 3, so that there are the same records twice inside the view. e.g. Chai - Chang - Chang - Chef Anton's Cajun instead of Chai - Chang - Aniseed Syrup - Chef Anton's Cajun

This behaviour has no effect on some sort of datasource or observable, these objects are ok. It seems to be a bug inside the listview widget itself.

Best regards
Thommy
Dimiter Madjarov
Telerik team
 answered on 15 May 2013
5 answers
1.4K+ views
Hello all,

I have a kendo window delete confirmation box I created.  The delete gets called on the click event of a button.   I want to add this button beside the usual buttons that come up in the editor template grid popup automatically  such as update cancel etc?   I tried adding the following to the template itself:


<a class="k-button k-button-icontext k-grid-update" href="\\#"><span class="k-icon k-update"></span>Update</a>
<a class="k-button k-button-icontext k-grid-delete" href="\\#"><span class="k-icon k-delete"></span>Delete</a>
<a class="k-button k-button-icontext k-grid-cancel" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a>

But the other buttons still show up above these when I do that.   In the grid I have:

.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("CustomerTemplate").Window(w => w.Title("Customer Detail").Name("editWindow").Width(850).Height(565)))



Iliana Dyankova
Telerik team
 answered on 15 May 2013
1 answer
203 views
Hi

I've a datasource 'groups' in a viewmodel, which I bind to a kendo-listview.
No I want to bind that same datasource to a second simple ul-element, but unfortunately that doesn't seem to work. What am I doing wrong here? 

All I get is a weird element inside the ul with some javascript in it.

<ul id="groupViewSelect" data-bind="source: groups" class="dropdown-menu" data-auto-bind="false">
</ul>
<script id="selectViewTemplate" type="text/x-kendo-tmpl">
    <li><span data-bind="text: Name"></span></li>
</script>
contactsGroupDataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "api/contactgroups"
            }
        },
        schema: {
            model: {
                fields: {
                    Number: { type: "integer" },
                    Name: { type: "string" }
                }
            }
        }
    });
viewModel = kendo.observable({
        groups: contactsGroupDataSource
    });
Alexander Valchev
Telerik team
 answered on 15 May 2013
2 answers
288 views
Hi everyone,

I would like to display two horizontal lines for minimum and maximum values of a series in a chart. My current approach is to find the min and max values by hand and create two additional series where all points have the same value. The visual result is ok, but since I am refreshing the chart every couple of seconds the performance is not very good on mobile devices. Is there a way to create those horizontal min/max lines differently or is it possible to create a series with just two points that fills to complete width of the chart?

Best regards,

Pascal
Pascal
Top achievements
Rank 1
 answered on 15 May 2013
9 answers
463 views
Hi,

Is there anyway to always display NavBar on the top in all devices?

Thanks,
Dan
Kamen Bundev
Telerik team
 answered on 15 May 2013
1 answer
497 views
Hi,
I am retrieving  data from database into JSON object using $.ajax method. I want to bind that data to listview. I am using following example. but in following example json has read from the file but I don't .json file I've an object which I need to bind. Can anyone tell me how to bind json object.
<script type="text/javascript">
    var clientData = null;
    // Urls to access the WCF Rest service methods
    var GetClientUrl = "http://localhost:1000/Service/GetClients/agentId=AG9898";


    function initListView() {
        $.ajax({
            cache: false,
            type: "GET",
            async: false,
            dataType: "json",
            url: GetClientUrl,
            success: function (clients) {
                if (clients != null && clients != "undefined") {
                    clientData = clients.Clients;
                }
            },
            error: function (xhr) {
                clientData = null;
                alert(xhr.responseText);
            }
        });

        var ds = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "team.json", //Here instead reading a data from file it should read from json object i.e. clientData
                    dataType: "json"
                }
            },
            change: function () {
                //debugger;
            }
        });
        $("#fixed-listview").kendoMobileListView({
            dataSource: ds,
            template: "#:SortName#"
        });
    }
</script>

Alexander Valchev
Telerik team
 answered on 15 May 2013
1 answer
76 views
I have a situation where I would like the AutoComplete control to populate a specific ul element rather than the default drop down list. Here is a jsfiddle that demonstrates what I am trying to do.

This works OK to a point, but I notice the list loses pretty much all of the functionality that the AutoComplete drop down list has, such as keyboard navigation and item select events.

Is there any way to make this work without sacrificing so much functionality?
Georgi Krustev
Telerik team
 answered on 15 May 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?