Telerik Forums
Kendo UI for jQuery Forum
2 answers
310 views
Hello,

The Kendo UI Grid's saveRow() method does not work correctly after upgrade 2012.2.710 to 2012.2.913.

2012.2.710: http://jsfiddle.net/zMTn3/4/
2012.2.913: http://jsfiddle.net/zMTn3/5/

The "Kaydet" button is call saveRow() method.
Ali Kemal
Top achievements
Rank 1
 answered on 18 Sep 2012
4 answers
2.4K+ views
I am 100% sure that it is something that i am missing. I am just starting out with Kendo. But any help is appreciated.

I assumed that when i clicked the delete button in the grid that it would automatically send my request to a "destroy.cfm" file. I cannot see any action in firebug to show this.

Help a nOOb out.

Thanks alot!

$(document).ready(function () {
    $("#grid").kendoGrid({
        dataType: "json",
        dataSource: {
            transport: {
                read: "cfcs/queries.cfm",
                destroy: {
                   url: "/cfcs/destroy.cfm"
                }
             
            },
 
            schema: {
                data: "data",
                model: {
                    fields: {
                        BADGEID: {
                            type: "number"
                        },
                        EMPLOYEENAME: {
                            type: "string"
                        },
                        UNITID: {
                            type: "number"
                        },
                        UNITNAME: {
                            type: "string"
                        }
                    }
                }
            }
             
        },
         editable: { 
            destroy: true,
            update: false
        },
        height: 450,
        filterable: true,
        groupable: true,
        sortable: true,
        pageable: false,
        columns: [{
            field: "BADGEID",
            title: " ",
            width: 35,
            template: "<input type='checkbox' />"
        },{
            field: "BADGEID",
            title: "Badge Id"
        }, {
            field: "EMPLOYEENAME",
            title: "Employee Name"
        }, {
            field: "UNITID",
            title: "Unit Id"
        }, {
            field: "UNITNAME",
            title: "Unit Name"
        }, {
            command: "destroy",
            title: " ",
            width: 110 }
        ]
    });
});
tony
Top achievements
Rank 1
 answered on 18 Sep 2012
0 answers
78 views
2 answers
338 views
Hi! it is my first day with Kendo UI. I'm testing some features and i have got a problem with the DropDownList size. This is a bigger element :S. How to change the size of the element ?. From my css file ? from the css kendo file ? from js ?.

An image attached.


Thanks.
fred
Top achievements
Rank 1
 answered on 18 Sep 2012
0 answers
78 views
I'm using autoSync:true so I can sync with the database after each cell update, but each time I call options.success() it resets the cell selctor to the first column of that row. If I don't report to the dataSource that the request has completed, it causes some strange behavior where clicking on the "Delete" button twice when there's a server error and a cancelChanges() on an error callback ends up deleting the record.

It looks like options.success() repaints the entire grid. How can I prevent this from happening?
Edmond
Top achievements
Rank 1
 asked on 18 Sep 2012
3 answers
187 views
I have a listview that is bound to an MVC controller, the view populates fine and pages fine, I would like to enable adding a new listview item so I added a template with a single textbox bound to an autocomplete that also populates from the server. All that works fine, but when I invoke the add on the listview, it is immediatly added to the listview and then the call appears in the controller. If the add executes then all is fine, if not then it is out of sync and there is no way to indicate to the listview to refresh or that an error occured. I have tried returning errors in the  same way a Grid expects them (JSON object with Data, Errors and Total), I have tried simply returning a 500 error, but I cant get seem to figure out how to indicate that the operation failed.

Attached are the razor view, the editor temmplate and the controller.

Thanks in advance for any advice


Nikolay Rusev
Telerik team
 answered on 18 Sep 2012
1 answer
179 views

Dear support team,

I use the Kendo UI grid inside a Bootstrap Responsive Layout.So if displayed on smartphones, I would need the following behavior:

Among all columns there should be a particular one, that keeps its optimal width whereas the others should be shrinked down to zero.How can I get this?

As far as I have seen, optimal column widths are available if Grid.Scrollable is set to false.On the other hand, if Scrollable == true and I do not set the width of a certain column, it will fill the gap that is left over from the other columns' common width. Is there a public(?) Kendo function that calculates the optimal column width for a given set of data,that I can call in the dataBound eventhandler?

Best regards,

Dimo
Telerik team
 answered on 18 Sep 2012
6 answers
128 views
Hi, I need to write a really complex grid, and I know that out of the box, kendo UI (or any other framework) will not support the features, so I'm trying to figure out what exactly Kendo UI can do and how resistant to tampering it is.  Mainly I just want a uniform look across platforms and have simple functionality available to me.

a) Does Kendo  UI support headers on the Y axis?  Like my grid needs to have headers, subheaders, sub-subheaders on both X and Y axis (ie on the top and on the left).

b) Can I Insert multiple rows at once at any point on the grid?  I've seen .addRow and datasource.Insert, but nothing for inserting multiple rows at once

c) Does it do colspan and rowspan correctly?  I saw one forum post, but no answers.  Because I need headers and subheaders, obv. the headers need to span multiple columns, and then the subheaders will span less columns, and sub-subheaders will span even less columns.

d) I will need to basically override all custom events that the grid does, I assume I can prevent all default behaviour using e.preventdefault like in telerik mvc

e) I will need to do column insertion (sort of like a row-detail view, but for columns).  If I do this manually into the grid, will it break anything?  I'm likely going to be preventing default for most things, so I'm wondering how much appending <td> to the grid would affect things.  I don't want any javascript to break because there's now a new column.

Thanks.
Jayson
Top achievements
Rank 1
 answered on 18 Sep 2012
1 answer
216 views
I have defined a grid like this:
@(Html.Kendo().Grid(Model)
             .Name("OnlineVisitors")
             .Columns(c =>
                {                  
                    c.Bound(p => p.DurationInMinute).Title("duration");
                    c.Bound(p => p.PersianStartDate).Title("start time");
                    c.Bound(p => p.IP).Title("IP Address");
                })
             .DataSource(datasource =>
                 datasource.Ajax()
                           .Read(read => read.Action("JsonList", "OnlineVisitors", routeKeyValues))
             )
)
And now i want to refresh the grid in JavaScript code,after an Ajax call to server,that do something with data source i'm using.any help will be appreciated.
Herbert
Top achievements
Rank 1
 answered on 18 Sep 2012
0 answers
135 views
Hello Sorry for the mistake. The letter was written by an automatic translator.
At the project makes the transition to Kendo. Use the MVC 3. In the old project to the grid using the class

@ model GridModel <CustomerViewModel>

@ (Html.Telerik (). Grid <CustomerViewModel> () ......)

Class GridModel <T> not in Kendo. How it can be converted for Kendo?

Thank you.
Eugene.
Evgeniy
Top achievements
Rank 1
 asked on 18 Sep 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?