Telerik Forums
Kendo UI for jQuery Forum
1 answer
496 views
I have the code below to bind data to my grid on the client.  The grid is bound to the data, but I am having trouble getting the paging working.  Here is my code"

$("#btnSearch").click(function () {           
            $.ajax({
                url: "/Booking/GetBookingLookupData",
                type: "POST",
                data: null,
                contentType: "application/json"
            }).success(function (data) {
                
                var d = data;
                var gdata = $("#grid").data("kendoGrid");

                var ds = new kendo.data.DataSource({

                    data: d,
                    pageSize: 10,                    
                    serverPaging: false

                });             
               
                ds.fetch(function () {    
                    ds.serverPaging = false;
                });               
                gdata.dataSource = ds;
                gdata.refresh();
               
            });

        });

All of the data gets bound to the datasource.  I see all of the rows if I do not make it pageable, but the paging is not working.  What am I missing?

Thanks,

Wayne
Wayne
Top achievements
Rank 1
 answered on 02 May 2013
1 answer
106 views
i woul dlike to know how you would apply this kendo UI stuff in Xamarin
SwanB
Top achievements
Rank 1
 answered on 02 May 2013
5 answers
430 views
Is there a way to make the slices in a pie chart explode onClick event?
Jim
Top achievements
Rank 1
 answered on 02 May 2013
1 answer
219 views
Hello

My grid has navigatable set to false, and editable set to true, I am controlling the cell navigation through my own code. The reasons I am doing this are
  • InCell editing - turn on cell editing when a cell is selected, data is saved when the user navigates away from the cell. 
  • Keyboard support - allow the user to navigate using Enter key (to go down the column) and Tab key (to go across the row) to immediately start editing the next cell. Also using the arrow keys to navigate.
  • Additional information in popup form - to complicate the matter even more, some cells may require additional information which the user can enter using a pop form triggered by the grid.save event. This took away the focus on the grid and therefore has to be programmatically restored back to the grid once the popup form is closed.
I would like to separate saving from grid navigation. Ie. the user can continue editing cells while the data source update itself in the background. One particular problem I ran into is after a cell content is saved, the grid reset its edit cell and lose focus of the current cell.

Is it possible for the grid to not control the navigation, and not control the edit mode toggleing? 
Petur Subev
Telerik team
 answered on 02 May 2013
6 answers
325 views
Hello.

When there is more than one chart on the same page the lines in the ( on all other charts) will be painted only in the width length of the first chart of the page.

As you can see in my attached print screen the first chart goes from 26 december to 24 of january, and is smaller than the charts in below, and the lines on the 2 graphs below is just painted until the width of the first chart. ( and i confirmed that there is values on the other charts until 24 January)

To overcome this i had put a dummy chart on a div, and set absolute position to outside of the screen, because if i set the div to hidden, all the other charts will not be painted.

Hope you can solve this bug.

Best regards
Pedro

Carel du Toit
Top achievements
Rank 1
 answered on 02 May 2013
5 answers
361 views
Hi everyone,

I have a Chart that receives data using a DataSource. Depending on a users selection in a drop down box the data should come from a different url. The structure of the data from those different url's is identically.

I tried to set the url in the drop downs change event using this syntax

$('#Chart').data('kendoChart').dataSource.transport.options.read.url = 'new url';
$('#Chart').data('kendoChart').dataSource.read();
Unfortunately this is not working and I hope you can help me.

Best regards,

Pascal
Atanas Korchev
Telerik team
 answered on 02 May 2013
1 answer
157 views
I have an issue with all of my bar charts that when I call refresh for window resizing etc, the entire series and data get duplicated.  This has been happening for a while with older versions of Kendo, but I had a fix which was to clear the series array and then add it back in prior to calling refresh, but as of the latest version this no longer works and is causing issues.

I have created a JSBin to demonstrate the issue, I have put a counter on the refresh event to prevent to many series from being created due to JSBin firing window resize events too many times, just resize the pane to see:

http://jsbin.com/izixay/7/edit

Basically calling refresh() chart bound to a grouped datasource causes duplicate series for every refresh.

Thank you,
Bobby Ross
Atanas Korchev
Telerik team
 answered on 02 May 2013
1 answer
95 views
When i drop a draggable element with a grid in it the footer controls (paging and row selection etc) are duplicated. They still work but there are two footer rows.
function panelDropped(e) {
        var droppedOrigParent = e.draggable.element.parent();
        droppedOrigParent.height(this.element.children(0).outerHeight());
        droppedOrigParent.prepend(this.element.children(0));
        e.draggable.element.show();
        this.element.prepend(e.draggable.element).height(e.draggable.element.outerHeight());
    }

    function panelDragStart(e) {
        e.currentTarget.hide();
        e.currentTarget.parent().height(e.currentTarget.outerHeight());
    }
$("#dropTarget1").kendoDropTarget({
        drop: panelDropped
    });
    $("#dropTarget2").kendoDropTarget({
        drop: panelDropped
    });
    $("#dropTarget3").kendoDropTarget({
        drop: panelDropped
    });

$("#SavedWorkDrag").kendoDraggable({
        container: $('#rightColumn'),
        hint: function () {
            return $('#SavedWorkDrag').clone();
        },
        dragstart: panelDragStart,
        dragend: function (e) {
            e.currentTarget.show();
        }
    });


I also am having a problem with another draggable element which has a radiobuttongroup in it. When it is dropped the selection is removed. This has something to do with the jquery clone() function being used as the hint. thanks!
Atanas Korchev
Telerik team
 answered on 02 May 2013
1 answer
49 views
A kendo TreeView like this ,

$("#treeview").kendoTreeView({
                       dataSource: [
                           { text: "Furniture", expanded: true, items: [
                               { text: "Tables & Chairs",actionDirect:"doSomething",jsFunc:"func1" },
                               { text: "Sofas",actionDirect:"doSomething",jsFunc:"func2" },
                               { text: "Occasional Furniture",actionDirect:"doSomething",jsFunc:"func3" }
                           ] },
                           { text: "Decor", items: [
                               { text: "Bed Linen",actionDirect:"doSomething",jsFunc:"func4" },
                               { text: "Curtains & Blinds",actionDirect:"doSomething",jsFunc:"func5" },
                               { text: "Carpets",actionDirect:"doSomething",jsFunc:"func6" }
                           ] },
                           { text: "Storage",actionDirect:"doSomething",jsFunc:"func7" }
                       ],
                       select: onSelect,
                       dataUrlField: "actionDirect",
                   });

i want to do an ajax request, but i need get the ATTR "jsFunc" callback function after ,  how can i get it ?
tao
Top achievements
Rank 1
 answered on 02 May 2013
1 answer
96 views
Hi,

I'm using KendoUi framework web for one of the client projects and working on Grid component as part of my learning experience but some how I stuff with one of the issue as described below:

I created a webservice which returns the beneficiary data by passing input parameter  as part of the query string in webservice request as shown below

URL: http://127.0.0.1:7101/Rest/resources/beneficiaries/retrieve?memberNo=1&user=KK&externalId=11111&externalSys=IPP

Response : {"beneficiariesBeansList":[{"firstNm":"kriss","lastNm":"kilaru","middleNm":"k","percent":"49","relationCd":"01"},{"firstNm":"krishna","lastNm":"kilaru","middleNm":"k","percent":"51","relationCd":"01"}],"elapsedTime":"1016","exceptionCount":"0","exceptionString":"","externalId":"11111","externalSys":"IPP"}

Now in my page I created a datasource component as 

$("#ID").kendoGrid( {
                  dataSource : {
                                type: "odata",
                                serverPaging: true,
                                serverSorting: true,
                                pageSize: 100,
                                transport: {
                                    read: "http://127.0.0.1:7101/Rest/resources/beneficiaries/retrieve?memberNo=1&user=KK&externalId=11111&externalSys=IPP"
                                }
                    }, 
                  pageable : false, 
                  selectable: "single",
                  height : 450,
                  toolbar : [ { name: "create", text: "Add Beneficiary" }], 
                  columns : [   {field : "relationCd", title : "Relationship", width : "100px"},
                                {field : "firstNm", title : "First Name", width : "100px"},
                               // {field : "UnitsInStock", title : "Units In Stock", width : "100px", footerTemplate: "Total : #= sum#"},
                                {field : "middleNm", title : "Middle Name", width : "100px"},
                                {field : "lastNm", title : "Last Name", width : "100px"},
                                {command : ["edit"], title : " ", width : "60px"},
                                {command : {name : "bank", text : "Bank",click: showBankDetails }, title: " ", width: "60px" },
                                {command : {name : "destroy", text : "Remove", className: "btn-destroy"}, title : " ", width : "80px"}
                            ], 
                editable : "popup"
              });

A blank page rendered when page loaded and even I couldnt see any log files, so anyone could help me out where I went wrong inorder to display the data.

Thanks  a lot
Amar
Atanas Korchev
Telerik team
 answered on 02 May 2013
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
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?