Telerik Forums
Kendo UI for jQuery Forum
5 answers
848 views
I followed this post for generating a grid with dynamic columns:

http://jsbin.com/cefuduju/1/edit

This does not show how to implement server-side paging/sorting/filtering.

According to this post:

http://www.telerik.com/forums/binding-kendoui-grid-to-dynamic-column-and-values-kendo-ui-complete-resources-buy-try

It says in order to do this on the server side you need to configure the transport read method of the dataSource.

How am I supposed to create the dataSource using an ajax call and setup the read method so server-side actions will work?
Vladimir Iliev
Telerik team
 answered on 27 Nov 2014
6 answers
244 views
Hello,
Is it possible to extend the filter control in the grid so that it contains both the two predefined filters and e.g. a DropdownList with a predefined range?
I have figured out how to only show a dropdownlist but we really need the option to do both at the same time.

Alternatively can we replace the filter control entirely? How?

Thanks,
Casper
Casper
Top achievements
Rank 1
 answered on 27 Nov 2014
1 answer
438 views
I am struggling to create the image on the server and display the thumbnail, I am using to call a webservice in C #, the read method is working but the other not.
already tried here in the forum and not found anything like it, if someone has any examples that I can see or some idea. the error and the following:
the data is only for testing.
$("#ContentOfPage").kendoEditor({
            tools: [
                                "insertImage"
 
            ], imageBrowser: {
                messages: {
                    dropFilesHere: "Drop files here"
                },
                transport: {
                    read: {
                        dataType: "json",
                        contentType: 'application/json; ',                   
                        type: "GET",
                        url: findRelativeBasePath() + "WebServices/Actions/Pages_fe_actions.svc/Pulls_Pages_fe"
                    
 
                    },
                    create: {                     
                        type: "POST",
                        url: findRelativeBasePath() + "WebServices/Actions/Pages_fe_actions.svc/Push_Pages_fe",
                        data : {"name":"111.JPG","type":"f","size":"6832"}
                  
                    },
                    thumbnailUrl: {                  
                        url: findRelativeBasePath() + "WebServices/Actions/Pages_fe_actions.svc/Push_Pages_fe",
                        data :  { formValues : ""}
                  
                    },             
                    uploadUrl: {                      
                        type: "POST",
                        url: findRelativeBasePath() + "WebServices/Actions/Pages_fe_actions.svc/Push_Pages_fe"   ,
                        data :  { formValues : ""}           
                      
                    },
                   
                    imageUrl: "../Images/{0}",
                    path: "../Images/"
 
                     
                }
            }
        });
Dimo
Telerik team
 answered on 27 Nov 2014
3 answers
213 views
Hi,

I am looking to use the radar column chart and would like to have the category axis represented in different widths. The examples in your site demos show a fixed with for each piece. I have tried to play with properties I felt should be related to width but I cannot find any that would change the width taken by each category. Essentially I am looking for a nightingale  / radial bar / polar area / radar column style chart which offers variable length and width for each wedge.

Does your radar column chart support this?

Thanks,
Rob.
Iliana Dyankova
Telerik team
 answered on 27 Nov 2014
3 answers
227 views
I'm trying to simply bind a data source to a Kendo UI Menu, but somehow I can't get it to work. What am I doing wrong here?

Dojo example: http://dojo.telerik.com/idIbe/2
Kiril Nikolov
Telerik team
 answered on 27 Nov 2014
1 answer
230 views
Hey there,
In all of your examples your giving the gantt its height by giving it a number saying numeric number is treated as pixels,
is there a way to give it percentage so it will take the whole div?
Ive seen you doing it with the width just not with the height...
Thanks!
Bozhidar
Telerik team
 answered on 27 Nov 2014
1 answer
227 views
I have a grid with a filter row. Same as in this demo : http://demos.telerik.com/kendo-ui/grid/filter-row

In the 'Ship Name' field in the demo, as you type into the filter, it will show suggestions (matching values) in a dropdown. This is a nice feature. After typing and opening the suggestion dropdown, if you backspace and remove everything you typed, it will ultimately show suggestions with no filter, showing every possible value. This is existing functionality and works great.

What I'd like is to show the suggestion dropdown with all values when you initially focus on the filter box. As soon as you click an empty filter box, it would show the suggestions dropdown will all values. My data is local so performance is not an issue. Is this possible?

Thanks,
Peter

Peter
Top achievements
Rank 1
 answered on 27 Nov 2014
2 answers
287 views
Hi, 

I have two datepickers in my view and an Area Chart with a "date" type category axis with a selection. I want the user to be able to change the selection both directly in the chart and by using the datePickers. When the user changes the date interval in either of the controls, the other control must be updated to reflect the new selection interval.
I managed to update the datepickers when I change the selection in the chart, but I can't figure out how to update the selection when the user changes the datePickers date.
I tried the answers in this thread but they just seem to apply to "kendoStockChart" and not to "kendoChart".

The closest I got to this was with this code:

var widget = $("#rangeSelectChart").data("kendoChart");
widget._selections[0].set(new Date("2014/11/05"), new Date("2014/11/15"));

but it does no changes the actual selection, it creates a NEW selection with the given date interval.

Luiz
Top achievements
Rank 1
 answered on 26 Nov 2014
2 answers
408 views
Hi,

I have a grid which has calculated columns UnitPrice * UnitsInStock this works as expected. The problem I'm having is with the UnitsInStock total, I'm using aggregates to calculate the total number of UnitsInStock. If a user edits a cell in the column UnitsInStock the total Instock is not updated I suspect this is because its not being saved first. Is there anyway of running the aggregates sum() for UnitsInStock via a function?

I would prefer doing this client side before saving the model back to the server, I don't want to really redraw the grid or go back to the controller.

Any ideas on how to do this? 

Thanks

I have attached my code below:

<div style="padding-top:50px;">
    Calculated Columns UnitPrice * UnitsInStock
    @(Html.Kendo().Grid(Model)
    .Name("Grid1")
    .Columns(columns =>
    {
        columns.Bound(p => p.ProductName);
        columns.Bound(p => p.UnitPrice).Width(140);
        columns.Bound(p => p.UnitsInStock).Width(140)
            .FooterTemplate(@<text>In Stock: @item.Sum</text>);

        columns.Bound(p => p.Total).Width(140)
             .ClientTemplate("#=UnitPrice * UnitsInStock #");

    })
                     .ToolBar(toolbar =>
                     {
                         toolbar.Create();
                         toolbar.Save();
                     })
                     .Editable(editable => editable.Mode(GridEditMode.InCell))
                     .Pageable()
                     .Navigatable()
                     .Sortable()
                     .Scrollable()
                     .DataSource(dataSource => dataSource
                         .Ajax()
                         .Batch(true)
                         .PageSize(20)
                         .ServerOperation(false)
                         //.Events(events => events.Error("error_handler"))
                         .Events(events => events.Sync("_Editing"))
                         .Model(model => model.Id(p => p.ProductID))
                         //.Create("Editing_Create", "Home")
                         //.Read("Editing_Read", "Home")
                         .Update("Editing_Update", "Home")
                         .Destroy("Editing_Destroy", "Home")
                         .AutoSync(true)
                         .Aggregates(aggregates =>
                         {
                             aggregates.Add(p => p.UnitsInStock).Sum();
                         })
                         

                     )
    )
</div>
<script type="text/javascript">
    function error_handler(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            alert(message);
        }
    }


    function _Editing(e)
    {
      

            alert("finished editing" + e.type);
    }


</script>
Tausif
Top achievements
Rank 1
 answered on 26 Nov 2014
2 answers
123 views
Is it possible to have columns that collapse/expand without being completely hidden using the current out-of-the-box features?

Thanks,
Zach
Zach
Top achievements
Rank 1
 answered on 26 Nov 2014
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?