Telerik Forums
Kendo UI for jQuery Forum
2 answers
139 views

Hi champs,

I have an interesting scenario. My timelineweek is behaving strange. I would like to render my events ​if any repeat ​events without depending on Kendo. But Kendo shows the repeat ​events by default as soon as I ​use recurrenceRule. Is there any way that I would like to use recurrenceRule to auto select the Recurrence section in Edit window, but Kendo should not show the events?

Vladimir Iliev
Telerik team
 answered on 28 Jul 2015
5 answers
110 views

Please have a look at this rudimentary version of a query builder that I aim to create.

http://dojo.telerik.com/uKeCe

Try out the sortable feature. I think you notice the time lag at row drop. Is there anything that could be optimized in the code to eliminate it? Am I doing anything wrong? ...I did not have the nerve to try it, say, on IE10 ;-)

Also, what should I do to have the binding cast null sortDir value as empty string, ie. '(none)'?

Best,

moniuch

Nikolay Rusev
Telerik team
 answered on 28 Jul 2015
3 answers
129 views

I'm trying to extend kendoGrid to a custom plugin, but have hard time figuring out what I'm doing wrong when invoking super method refresh(). I would appreciate a hint. Thanks.

(function(){
    var kendo = window.kendo,
            ui = kendo.ui,
            CHANGE = "change";
 
    var MyGrid = ui.Grid.extend({
        init: function(element, options) {
            var that = this;
            ui.Grid.fn.init.call(that, element, options);
            that._dataSource();
        },
 
        options: {
            name: "MyGrid",
            autoBind: true
        },
 
        _dataSource: function() {
            var that = this;
            that.dataSource = kendo.data.DataSource.create(that.options.dataSource);
 
            that.dataSource.bind(CHANGE, function() {
                console.log(ui.Grid.fn);
                console.log(that.dataSource);
                ui.Grid.fn.refresh.call(that); // <- problematic
            });
 
            if (that.options.autoBind) {
                that.dataSource.fetch();
            }
        }
    });
    ui.plugin(MyGrid);
})(jQuery);
 
$(function(){
    $('#MyGrid').kendoMyGrid({
        columns: [
         { field: "FirstName", title: "First Name"},
         { field: "LastName", title: "Last Name" }
        ],
        dataSource: {
            data: [
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Jane", LastName: "Smith" }
            ]
        }
    })
})

Artur
Top achievements
Rank 1
 answered on 27 Jul 2015
1 answer
118 views

Hi all,

 I'm experiencing a strange issue when trying to draw large elements with border-radius: 100% in Chrome and IE -- Firefox works fine. When these elements are large, the circle is not completely round (i.e., 100%), more like an oval. Please see example below:

 http://dojo.telerik.com/oTIbi/3

Anyone know of a solution here for Chrome and IE? Any help is much appreciated!

 

 

Iliana Dyankova
Telerik team
 answered on 27 Jul 2015
1 answer
197 views
We are trying to mapping the group Header column to the grid columns. While we re-size the column, the design(UI) getting disturbed.
Nikolay Rusev
Telerik team
 answered on 27 Jul 2015
8 answers
393 views
The fiddle http://jsfiddle.net/RichardAD/VaKsq/ requires two css settings to change the width of a kendo drop down list.  Is there a better way ?

$selector.parent().css('width',MY_WIDTH) and
$selector.parent().next().css({'width':MY_WIDTH,'height':'auto'});

Thanks,
Richard
Alexander Valchev
Telerik team
 answered on 27 Jul 2015
1 answer
524 views

I have a model that contains information about an event

    public class EventModel
    {
        public int ​EventId { get; set; }
        public string Name { get; set; }
        public string Description { get; set; }
        public DateTime StartDate { get; set; }
        public DateTime RevenueStartDate { get; set; }
    }​

My view also contains a kendo grid to display a list of facilities associated with the event. One or more facilities can be associated with this model. However, there is no property to contain the list of associated facilities. I plan to handle that in the DataSource's transport methods. The Grid will contain just a list of facility names and will allow users to add additional facilities to the list (via the DataSource's create transport. Below is what I have so far but the create transport never gets called.

       var ds = new kendo.data.DataSource({
            transport: {
                read: {
                    cached: false,
                    url: '@Url.Action("ReadAllFacilities", "Tactic")',
                    dataType: "json"
                }
            }
        });

        var OrgdataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: '@Url.Action("ReadFacilities", "Tactic")',
                    dataType: "json"
                },
                create: {
                    url: '@Url.Action("Facility", "Tactic")',
                    type: "POST",
                    dataType: "json"
                }
            },
            batch: false
            schema: {
                model: {
                    id: "​Value",
                    fields: {
                        id: { type: "string", editable: false },
                        ​Text: { type: "string" }
                    }
                }
            }
        });

        $("#FacilityGrid").kendoGrid({
            dataSource: OrgdataSource,
            autoBind: true,
            autoSync: true,
            editable: { mode: "inline" },
            selectable: true,
            toolbar: ["save", "create"],
            columns: [
                { command: ["destroy"], title: "&nbsp;", width: "150px" },
                { field: "Text", title: "Facility Name", editor: OrgDropDownEditor },
            ]
        });


        function OrgDropDownEditor (container, options) {
            $('<input required data-text-field="Text" data-value-field="Value" data-bind="value:' + options.field + '"/>')
                .appendTo(container)
                .kendoDropDownList({
                    autoBind: true,
                    dataSource: ds
                });
        }

 

 

And my controller Code:   
        [HttpPost]
        public JsonResult AddFacility(SelectListItem newFacility)
        {
            ...//THIS CODE NEVER GETS CALLED
        }

 

        [HttpGet]
        public string ReadAssociatedFacilities(int id)
        {
            var lst = new List<SelectListItem>();

            lst = dataProvider.GetAssociatedFacilities();

            var json = new JavaScriptSerializer().Serialize(lst);

            return json;

        }​


        [HttpGet]
        public string ReadAllFacilities()
        {
            var lst = new List<SelectListItem>();
            lst.Add(new SelectListItem() { Value = "​0", Text = "Facility 1" });
            lst.Add(new SelectListItem() { Value = "1", Text = "Facility 2" });
            var json = new JavaScriptSerializer().Serialize(lst);
            return json;
        }

Rosen
Telerik team
 answered on 27 Jul 2015
5 answers
343 views
we are trying to use Kendo UI grid export to excel functionality in IE9,  but it doesn't work.

when we click on Export to Excel, it throws "POST" not supported error on server side. our datasource is remote URI, we have server side pagination,  but even if we switched to local static datasource,  Kendo seems still fire event to server. we wonder if anyone can help us  to resove this issue.

Thanks.

Here is our code snippet.

var list = [
{type:'a', id: '1', date:'09/11/2001',
submittedBy: 'Vin Diesel', submittedDate: '12/11/2001'},
{type:'b', id: '2', date:'11/02/2012',
submittedBy: 'Brad Pitt', submittedDate: '11/11/2012'},
{type:'c', id: '3', date:'06/05/2004',
submittedBy: 'Hugh Grant', submittedDate: '12/11/2004'}
];

var localList = new kendo.data.DataSource({
data: list,
pageSize: 2
});

$scope.onSearchClick = function(o) {
$("#grid").kendoGrid({

toolbar: ["excel"],
excel: {
fileName: "Kendo UI Grid Export.xlsx"
},
dataSource: localList,



pageable: true,
resizable: true,
pageSize:2,
sortable : {
mode : 'multiple'
},

columns: [
{ field: 'type', title: 'Type' },
{ field: 'id', title: 'Event ID' },
{ field: 'date', title: 'Date' },

{ field: 'submittedBy', title: 'Submitted By' },
{ field: 'submittedDate', title: 'Submitted Date' }
],
});

var grid = $("#grid").data("kendoGrid");
//grid.dataSource.read();
};
Fouad
Top achievements
Rank 1
 answered on 27 Jul 2015
5 answers
163 views

Hi,

I have written as following for creating the Schedule

  dataSource: {
                    batch: true,
                    transport: {
                        read: {
                            url: "http://localhost:2237/api/values/GetSchedule",
                            dataType: "jsonp"
                        },
                        update: {
                            url: "http://demos.telerik.com/kendo-ui/service/tasks/update",
                            dataType: "jsonp"
                        },
                        create: {
                            method:"post",
                            url: "http://localhost:2237/api/values/SaveSchedule",
                            data: ,
                            contentType: "application/json;charset=utf-8",
                            dataType: "json"
                        },
                        destroy: {
                            url: "http://demos.telerik.com/kendo-ui/service/tasks/destroy",
                            dataType: "jsonp"
                        },
                        parameterMap: function (options, operation) {
                            if (operation !== "read" && options.models) {
                                return { models: kendo.stringify(options.models) };
                            }
                        }
                    },

in the above in create section how can i pass the object to the api .

In Api

  public void SaveSchedule(Schedular callback)
        {
           
        }

here Schedular is a class consisting of all properties with same name in the ui.

whenever i have saved the data , in the api it shown as callback null.

 

Can you please provide me the solution for this.

 

Thanks,

Vladimir Iliev
Telerik team
 answered on 27 Jul 2015
1 answer
95 views

We have a grid that was initialized by table and now when we try to export it to excel the numeric columns are showing up as text in the generated excel spreadsheet.

 

Is there a way to convert these to numbers and format them appropriately when exporting to excel?

Kostadin
Telerik team
 answered on 27 Jul 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?