Telerik Forums
Kendo UI for jQuery Forum
2 answers
102 views

Hi,

 

newbie on kendo ui :) 

 on the page : http://www.telerik.com/kendo-ui there is a picture with Some Numbers : 237 applications, 201 ... 

 

What kind of widget is that ? 

It looks like a progressbar with css

 i searched the demo's, but could not find it

 

thanks 

gerd 

 

Gerd
Top achievements
Rank 1
 answered on 12 May 2015
2 answers
542 views

Hi Team,

We are using a Template which contains 4 Kendo DropDownList controls along with other HTML controls. We need to display a Array of about 300 items, each item will use the above Template. In order to display 300 items which consists 1200 Kendo DropdownList controls it is taking around 100 seconds. If the Kendo DropDownList is replaced by HTML Select box it is taking only 20 seconds. If we keep autoBind:false it is coming around 80 seconds.

Kendo Version : v2013.2.918

JQuery Version : 1.8.3 

Please suggest how to overcome this problem?

Regards,

Raj

Georgi Krustev
Telerik team
 answered on 12 May 2015
1 answer
313 views

I have a scatter chart with 2 data series plotted.

 

 

I would like to add a trend line so I've added a ScatterLine series with the average of the two values.  

The problem I'm running into is the chart is the ScatterLine renders all the points which makes the chart too jumbled.  I'd like to have it render every 5th point.

 

 Is there a way to skip or step the values for a ScatterLine series so I can have a trend line that is meaningful?

Iliana Dyankova
Telerik team
 answered on 12 May 2015
1 answer
167 views

I have DropDownList in angular app, with remote data source and virtual options enabled.

I have problem with loading data because ,  when i debuging app in Firebug, I see that remote server return answer (with correct data, as a request from drop down), but drop down still showing loading data (dots insted of arrow in button)

Alexander Valchev
Telerik team
 answered on 12 May 2015
3 answers
151 views

Hi,

When opening a row in the grid for edit in inline grid, and the row is still open.

If user presses on another buttons on the page, for example on the title of the grid - 

the row will go out from edit mode, but the user didn't press on confirmation or cancel.

This behavior causes problems. Is there a way to avoid this?

Is there a way that as long as  the row is in edit mode, the user won't be able to press on other buttons?

Thanks,

Yael

Dimiter Madjarov
Telerik team
 answered on 11 May 2015
1 answer
396 views

I've use the following code to put an additional data into dataSource

var dataSource = new kendo.data.DataSource({
    autoSync: false,
    transport: {
        read: function (options) {
            $.ajax({
                url: get_data.url(),
                dataType: "json",
                success: function (result) {
                    options.success(result);
                },
                error: function (result) {
                    options.error(result);
                }
            });
        },
        update: pushData("update"), create: pushData("create"),
    },
    batch: true,
    "schema": {
        data: "row",
        total: "total",
        rowsdata: "rowsdata",
        model: modelConfig
    },
    group: groupConfig,
    aggregate: aggConfig,
    sort: sortConfig
});

and than I used this data

...
...
 
        var HideParams = function (obj) {
            var g = obj.sender; var hd = undefined;
            if (g && g.dataSource && g.dataSource._pristine && g.dataSource._pristine.rowsdata) hd = g.dataSource._pristine.rowsdata;
            if (hd) {
                for (var i = 0; i < hd.length; i++) {
                    if (hd[i] && hd[i].hidden) g.hideColumn(hd[i].name);
                }
            }
        };
...
...
...
        var gridConfig = {
            dataSource: dataSource,
            ...
            ...
            ...
            dataBound: function (e) {
                if (typeof extDataBound === "function") extDataBound(e);
                if (typeof GridLocate === "function") GridLocate(e);
                if (typeof HideGrouped === "function") HideGrouped(e);
                if (typeof HideParams === "function") HideParams(e);
            },
            ...
            ...
            ...
        };
 
 $("#grid").kendoGrid(gridConfig);

 

But now g.dataSource._pristine is undefined

How I can access rowsdata object in dataSource ?

Boyan Dimitrov
Telerik team
 answered on 11 May 2015
1 answer
83 views

I'm using the Upload-control via AngularJS, and it is working quite fine.

Now I would like to create a sort of Facebook-like upload. Which means that I would like the user to drag and drop the files into a textarea. Is this possible via the upload-control?

Dimiter Madjarov
Telerik team
 answered on 11 May 2015
1 answer
319 views

Hello, I am trying to create a list of addresses in the javascript side, but so far most the examples are adding/editing to the server through ajax.

My question is, how to hook the correct event and maintain the list of addresses in JavaScript, I am trying onSave event but so far no success. below is my code

     var addresses = new kendo.data.DataSource({
        data: [
            { AddressName: "address1", UnitStreetNumber: 460, StreetName: "Church St", Suburb:"North Parramatta", State: "NSW", Postcode: "2150", Purpose: "Business", Primary: true }
        ]
    });

    $("#addressGrid").kendoGrid({
        dataSource: addresses,
        //pageable: true,
        toolbar: ["create"],
        columns: [
            { field: "AddressName", title: "Address Name", width: "120px" },
            { field: "UnitStreetNumber", title: "Unit/Street Number", width: "120px" },
            { field: "StreetName", title: "Street Name", width: "120px" },
            { field: "Suburb", title: "Suburb", width: "150px" },
            { field: "State", title: "State", width: "120px" },
            { field: "Postcode", title: "Postcode", width: "120px" },
            { field: "Purpose", title: "Purpose", width: "120px" },
            { field: "Primary", title: "Primary", width: "120px" },
            { command: ["edit", "destroy"], title: "&nbsp;", width: "200px" }],
        editable: "popup",
        edit: onEdit,
        save: onSave
    });

function onSave(e) {
    // how to save it to addresses
}

Plamen Lazarov
Telerik team
 answered on 11 May 2015
3 answers
226 views

Hi, 

I'm trying to get my Custom serverside error to work, but it won't show up in the interface.

Json.png shows the response with the JSON errors, in this request I have tested the Address field (Host on Part2.png). As you can see this is empty, but the other message on Constraint is shown. (Part1.png)

 If I look at the html, I see the first error message. What could it be that it is hiding the error message?

The HTML part of the address: 

<div class="editor-field ce-channel ce-ftpchannel ce-mailchannel ce-receivechannel ce-sendchannel" style="display: block;">    <input class="k-textbox" data-val="true" data-val-required="The Host field is required." id="ChannelConfigurationViewModel_address" name="ChannelConfigurationViewModel.address" data-bind="value:ChannelConfigurationViewModel.address">    <div class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" style="margin: 0.5em; display: none;" data-for="ChannelConfigurationViewModel.address" data-valmsg-for="ChannelConfigurationViewModel.address" id="ChannelConfigurationViewModel.address_validationMessage" role="alert"><span class="k-icon k-warning"> </span>The Host field is required.<div class="k-callout k-callout-n"></div></div></div>

Indicia
Top achievements
Rank 1
 answered on 11 May 2015
10 answers
2.8K+ views
Hi,

I would like to programmatically add a column to the grid. I tried the following:

    grid.columns.push({ title: "Plan", field: "plan" });
    grid.refresh();

Inspection of the markup indicates that a new <col> element is added, but the <td> elements for the new column are not.

Is this possible?

Thanks,
Gary
Dimo
Telerik team
 answered on 11 May 2015
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?