Telerik Forums
Kendo UI for jQuery Forum
3 answers
104 views
I  have a problem in Kendo grid paging. Page number are displaying in next line.I have attached screenshot also.
vinod
Top achievements
Rank 1
 answered on 30 Oct 2012
1 answer
192 views
Hi,

I created a datasource and attached the datasource to the Grid. The datasource contains functions for the transport object. When I change a value in my grid, I would expect that the update function is called when I click the Save button in the toolbar. But the update function is not called. Instead for each item in the grid the create function is called.

Code:
                $(document).ready(function() {
var data = createRandomData(2);

                    $("#grid").kendoGrid({
                        dataSource: {                            
                            schema: {
                                model: {
Id: "Id",
                                    fields: {
Id: { type: "number" },
                                        FirstName: { type: "string" },
                                        LastName: { type: "string" },
                                        City: { type: "string" },
                                        Title: { type: "string" },
                                        BirthDate: { type: "date" },
                                        Age: { type: "number" }
                                    }
                                }
                            },
                            pageSize: 10,
transport: {
read: function(options) {
//alert('read');
 //var result = createRandomData(50);
 options.success(data);  
},
create: function(options) {
   alert('create');
 //var result = getResult(options);
 options.success(data);
},
update: function(options) {
alert('update');
 //var result = getResult(options);
 options.success(data);
},
destroy: function(options) {
alert('destroy');
 //var result = getResult(options);
 options.success(data);
},
parameterMap: function(options, operation) {
alert('map');
                                    if (operation !== "read" && options.models) {
                                        //return {models: kendo.stringify(options.models)};
                                    }
                                }
 }
                        },
toolbar: ["create", "save", "cancel"],
                        height: 250,
                        scrollable: true,
                        sortable: true,
                        filterable: true,
                        pageable: true,
editable: true,
batch: false,
                        columns: [
                            {
                                field: "FirstName",
                                title: "First Name",
                                width: 100
                            },
                            {
                                field: "LastName",
                                title: "Last Name",
                                width: 100
                            },
                            {
                                field: "City",
                                width: 100
                            },
                            {
                                field: "Title"
                            },
                            {
                                field: "BirthDate",
                                title: "Birth Date",
                                template: '#= kendo.toString(BirthDate,"MM/dd/yyyy") #'
                            },
                            {
                                field: "Age",
                                width: 50
                            },
{ command: "destroy", title: " ", width: "110px" }
                        ]
                    });
                });
Johan
Top achievements
Rank 1
 answered on 30 Oct 2012
0 answers
100 views
In upload's success, I use "$(".k-widget.k-upload").find("ul").remove();" to clear upload.


With "autoUpload: true", after upload 3 times, when click "select", no file browser pops up.


If set "autoUpload: false", when second time click "select" to upload, previous uploaded file also shows.
John
Top achievements
Rank 1
 asked on 30 Oct 2012
0 answers
75 views
Hi , i want rebind a dropdownlist in one column from other dropownlist in another column when the grid mode in edit . also how to get reference to other controls in grid something like var row = $('#Grid .t-grid-edit-row');
Muthu
Top achievements
Rank 1
 asked on 30 Oct 2012
0 answers
68 views
Hi,

What would be the best way to change the item's image on select or on error events. I am making an ajax call on select event and want to change the image of the item selected or subsequently change the image to error if the ajax call failed.

Thanks a lot for your help.
Armen
Top achievements
Rank 1
 asked on 30 Oct 2012
2 answers
119 views
Hi,

I've got a tabstrip, but when the user is tabbing through their UI elements, there's no visual change on the current tabstrip element that is focused. Is there an API that I haven't flicked the switch for, or just an oversight?

Thanks.
steve
Top achievements
Rank 1
 answered on 30 Oct 2012
0 answers
62 views
I noticed something that was not documented in the dropdown lists, where they can have local datasources that are JSON and not JavaScript objects/arrays (e.g. I can output from my page a JSON formatted object like [ "key" : "value", "key": "value" ] instead of [ key: "value", key: "value" ]).  I wanted to find out if this is the case the grids and other controls and find out the answer to this question: 

Is this a feature or a bug, because I've come to rely on it (e.g. I would hate for this not to be supported)?  I think of it as a feature, but don't want to count on it if all controls do not work the same as the dropdowns in allowing this in the datasource's data property.
jgill
Top achievements
Rank 1
 asked on 29 Oct 2012
0 answers
156 views
I'm not sure if this is a problem, or a misunderstanding on my part, but there's an unexpected behavior with the aggregate function count on kendo charts while using dates. The issue is notable in this site's demo at :

http://demos.kendoui.com/dataviz/bar-charts/date-axis.html

The problem is that if you choose the base unit as days, the count aggregate function will instead show minimum value instead of counting how many registers for that day are there.

However, if you have at least 2 registers in any given day, the function will count correctly for that particular date.

To further demonstrate this behavior, modify this part of the demo's code:

function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "default",
                        title: {
                            text: "Units sold"
                        },
                        series: [{
                            type: "column",
                            data: [20, 40, 45, 30, 50, 10, 20, 30 ,40 , 50],
                            aggregate: "sum"
                        }],
                        categoryAxis: {
                            baseUnit: "months",
                            categories: [
                                new Date("2011/12/30"),
                                new Date("2011/12/31"),
                                new Date("2012/01/01"),
                                new Date("2012/01/02"),
                                new Date("2012/01/03"),
                new Date("2011/12/31"),
                                new Date("2011/12/31"),
                                new Date("2012/01/01"),
                                new Date("2012/01/02"),
                                new Date("2012/01/03")
                            ]
                        }
                    });
                }


There are now at least 2 registers for every day except December 30. The count is done correctly for every day except December 30, which shows the value.


Ricardo
Top achievements
Rank 1
 asked on 29 Oct 2012
1 answer
138 views
hi,

how can I integrate Google map with multiple locations in my MVC 4 Razor engin project
My requirement is bellow.
  1. Need to printout multiple location with Icon
  2. When I click the Icon it open small popup and populate the address
  3. The address should come from database with json formet

if anyone knows please help me..
its urgent ....

thanks in advance. 
Jonathan
Top achievements
Rank 1
 answered on 29 Oct 2012
1 answer
103 views
I am having an issue with a chart in which I am specifying the categories explicitly in a list of DateTimes (using Razor).  The script appears to be looping and timing out (in FF and Chrome).  Here is a copy of the output script:

jQuery("#ComparisonChart").kendoChart({"chartArea":{"background":"transparent"},"theme":"BlueOpal","title":{"visible":false},"legend":{"position":"bottom","visible":true},"series":[{"name":"Series 1","type":"line","data":[363.02948999999984,386.43137096774205,394.77789677419366,391.96260344827596,397.30644838709674,380.5523633333334,401.997464516129,412.83990968253971,387.34019825268825]},{"name":"Series 2","type":"line","data":[123.63480299999999,173.04288387096773,171.53627741935486,159.57903965517241,154.44881935483869,149.10146999999995,157.6923290322581,170.64611530555553,167.9252829301075]},{"name":"Series 3","type":"line","data":[84.8014192,63.289669032258054,81.889754870967735,73.58135620689653,55.59777903225806,122.64908719999997,129.71715732258062,152.43915316269846,74.84976545698926]},{"name":"Series 4","type":"line","data":[139.20569980000002,190.72106548387103,175.20732,154.13307862068965,130.75742225806451,148.7146827666667,156.06423645161286,97.983419814285739,63.053801075268822]}],"seriesDefaults":{"line":{"width":3,"markers":{"visible":false}}},"categoryAxis":{"labels":{"font":"10px arial,serif","visible":true,"step":0},"majorGridLines":{"visible":false},"minorGridLines":{"visible":false},"title":{"text":"Date (11/01/2011 - 07/01/2012)"},"type":"Date","categories":["2011/11/01 00:00:00","2011/12/01 00:00:00","2012/01/01 00:00:00","2012/02/01 00:00:00","2012/03/01 00:00:00","2012/04/01 00:00:00","2012/05/01 00:00:00","2012/06/01 00:00:00","2012/07/01 00:00:00"]},"tooltip":{"visible":true}});

Is there something I am doing incorrectly there that I am not seeing?
Tom
Top achievements
Rank 1
 answered on 29 Oct 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
Iron
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
Iron
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?