Telerik Forums
Kendo UI for jQuery Forum
1 answer
51 views
hi all, I don't know what am I doing wrong here, its a pretty straight forward things. autocomplete is not showing anything.


moviesuggestions =
new kendo.data.DataSource({
    autoSync: true,
    transport: {
        read: function (options) {
            theMovieDb.search.getMovie({ "query": $("#seriesname").val(), search_type: "ngram" },
            function (data) {   //success
                options.success($.parseJSON(data).results);
            }, function (data) {    //error
                options.error($.parseJSON(data).results);
            });
        }
    }
});
 
autocomplete = $("#seriesname").kendoAutoComplete({
    datasource: moviesuggestions,
    dataTextField: "title",
    suggest: true
});
Kiril Nikolov
Telerik team
 answered on 12 May 2014
7 answers
95 views
Hi there,

I just recently updated to the Q1 2014 update, and I am having a problem with navigation.

All of my views are setup on different HTML pages and I usually just navigate to that HTML page and it picks up the view from that page and uses it as the current view. This all used to work fine.

But now when I navigate to an HTML page with a view on it, it picks it up as the current view for display, but I am unable to interact with the page (click buttons or anything else on the page..).

Also, when I hit the back button, it no longer takes me back to the previous view (even though the URL hash changes). However, this does allow me to start clicking buttons again on the current view, but it doesn't take long for things to get messed up and the views to start breaking once again.

Is there a correct way to handle navigation when views are on multiple pages like this?

Any help on this issue would be greatly appreciated, as it is holding me back from updating at all.

Thanks,
Mitchell. 
Kiril Nikolov
Telerik team
 answered on 12 May 2014
1 answer
388 views
Hi Team,

I am developing a HTML5 Page with Kendo Grid controls.

I have enabled virtual scrolling and  Multiple row selection in grid. Virtual scrolling is working cool.

but the problem am facing is I cant retain the selection after scrolls.

For. eg:

1)  I am selected one row in Page1, after scroll to second page the selection has gone. I want to retain the selection.

2) If I selected a row in Page 1 and selected another row in Page 3 and scrolling to Page 5 and again if I scroll up I want to retain those selected values.

Please do the needful to work this. How can i achieve this.

Thanks in Advance.

Krishna.



Dimiter Madjarov
Telerik team
 answered on 12 May 2014
11 answers
264 views
Hi,

I have demo here with popup editor .Not sure on how to add a new/Create record or modify a existing record in the grid.

Note included Kedno/Js files

Thanks,
Chatrapathi Chennam
Daniel
Telerik team
 answered on 12 May 2014
1 answer
192 views
Hi,

I have a chart that does not display as expected when the date range includes the date that daylight savings concludes.

I have a JSFiddle that demonstrates the issue:

http://jsfiddle.net/NAf4F/7/

The chart should display the data with a period of "daily". If the last set of data is uncommented to include the daylight savings finishing, then the chart generates hourly data with a series of zero values.

Is this an issue with Kendo UI charts, or is there something else that I should be doing?

Your assistance is appreciated.

Thank you

Rob.
T. Tsonev
Telerik team
 answered on 12 May 2014
3 answers
306 views
Hi,

I'm trying to build a directive which will display a kendo window with a kendo tab strip in its body content.
It's a component I need to be reusable since I use it a lot in my web app.

Here is the flat html representation that I want to turn into a directive
<div style="padding:20px;" kendo-window="test" id="test" k-title="hello"  k-options="popupOptions"
    <div kendo-tab-strip k-content-urls="[ null, null]">
      <!-- tab list -->
      <ul>
       <li class="k-state-active">View</li>
      <li>Edit</li>
      </ul>
     <div style="padding: 1em">
     This is the view tab 
     </div>
     <div style="padding: 1em">
          This is the edit tab 
    </div>
</div>
</div>

1) First step is creating the directive that wraps the kendo popup and this si where I'm having an issue
So basically, my directive includes the kendo-window widget  in its template and has transclude="true", since the content of the popup will different each time.
It seems "transclude" and "scope" cause some issues. 
Please have a look : http://plnkr.co/edit/B5nLJJvFQkNH24FEbHSS?p=preview
Mihai
Telerik team
 answered on 11 May 2014
12 answers
992 views
I want to have a DropDownList that provides a parameter to a DataSource that is used to populate a grid.  Following the example in this thread, I've got something like this.

<div id="MainDiv">
   @* This hidden input is what I'd like to get rid of. *@
   <input id="url" type="hidden" data-bind="value: Url" />
   <select id="ListsSelect" data-bind="value: selectedListID, source: lists" />
   <div id="AlbumsGrid" />
</div>
<script>
   (function ($, kendo) {
      var appAddr='@Url.Content("~/")';
 
      var viewModel = kendo.observable({
         albumsReadUrl: "",
         selectedListID: 1,
         lists: new kendo.data.DataSource({
            type: "odata",
            transport: { read: appAddr+"PickDataService.svc/Lists" },
            schema: { data: wcfData, total: wcfTotal }
         }),
         Url: function() {
            this.set("albumsReadUrl", appAddr+"PickService.svc/Foos?$filter=ListID%20eq%20"+this.get("selectedListID"));
            this.albums.read();
            return this.get("albumsReadUrl");
         },
         albums: new kendo.data.DataSource({
            type: "odata",
            transport: { read: { url: function() { console.log("read url"); return viewModel.albumsReadUrl; } } },
            schema: { data: wcfData, total: wcfTotal },
         })
      });
 
      $("#ListsSelect").kendoDropDownList({
         valuePrimitive: true, dataTextField: "Name", dataValueField: "ID"
      });
 
      $("#AlbumsGrid").kendoGrid({
         dataSource: viewModel.albums, scrollable: false, autobind: false, pageable: true,
      });
 
      kendo.bind($("#MainDiv"), viewModel);
   })(jQuery, kendo);
</script>


I'd like to see an example of how to rearrange it without using the hidden input.
Kevin
Top achievements
Rank 1
 answered on 10 May 2014
3 answers
209 views
Is there way to export the grid to Pdf or excell?
mohamed
Top achievements
Rank 1
 answered on 10 May 2014
1 answer
215 views
Hello Guys,
I have some problems with Kendo Grid Column Update:

1) I have grid which is this:
            grid.kendoGrid({
                dataSource: dataSource,
                toolbar: [
                    { text: "Save Changes", className: "update_sportsgid", imageClass: "k-update" }
                ],
                columns: ["id",name", { field: "enabled", title: "Status", editor: statusEditor },],
                editable: true
                }
            });

2) Column named "enabled" in that grid has custom editor with ComboBox and function for that editor is this:
            function statusEditor(container, options) {
                var selOptions = '<option value="Enabled">Enabled</option><option value="Disabled">Disabled</option>';
                
                var input = $("<select name="+options.field+">"+selOptions+"</select>");
                
                input.appendTo(container);
                input.kendoComboBox();
            }

3) In the grid i have toolbar which has class "update_sportsgid" and i attach click event on that toolbar button:
            $('.update_sportsgid').click(function (e) {
                e.preventDefault();
                me.updateSportsGrid(grid);
            });


4) When toolbar button is click i call update function:
updateSportsGrid: function (grid) {
           //Get Whole Displayed Data
           var displayedData = grid.data().kendoGrid.dataSource._data;
           var dataToSend = [];

            //Iterate over grid and get changed row values
            for(var i = 0;i<displayedData.length;i++) {
                var current = displayedData[i];
                if(current.dirty) {
                    var node = {
                        id:current['id'],
                        type:"Sport",
                        priority:current['priority'],
                        enabled:current['enabled'],
                        topBets:current['topBets']
                    }
                    dataToSend.push(node);
                }
            }

The problem is that when i change column with custom editor "ComboBox" column doesn't change and row doesn't have dirty value true.
How can i bind custom editor to change data of grid view?






Alexander Popov
Telerik team
 answered on 10 May 2014
2 answers
103 views
One of the paging buttons are missing a border on the bootstrap theme depending on the pager configuration. You can see the missing right hand border in the demo I saved at http://trykendoui.telerik.com/uYAw

See the attached screenshot for the specific button.
Iliana Dyankova
Telerik team
 answered on 10 May 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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
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
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
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?