Telerik Forums
Kendo UI for jQuery Forum
1 answer
420 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
299 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
212 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
344 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
1.0K+ 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
245 views
Is there way to export the grid to Pdf or excell?
mohamed
Top achievements
Rank 1
 answered on 10 May 2014
1 answer
236 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
124 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
1 answer
185 views
As you may be aware, when you add a web page to the home screen of an iOS device it creates a "web clip".  When launched from this icon on the home screen, the site is loaded in Safari in "web app mode".  There are several advantages to this such as going full screen and feeling more like an app and less like a web page.

However, there is a major downside to this.  When you switch to another app on your iPhone then switch back to this "web app", the state of the app is completely lost.  According to several sources on the web, this is by design.  The reasoning by Apple is that they need to be shut down your app to keep resources manageable.  It is the responsibility of the app developer to save state and restore state when the app is reopened.  

OK.  I can accept that and I am almost there.  I am tracking the user's logged in security token, so they don't need to login again.  I also store the current hash so I if I detect that they are launching from with no referrer, I can send them to the same hash they were viewing when they left.  

All is good.... EXCEPT back buttons don't work.  If the user was on a mobile view that had a back button, when the user multi-tasked away from it, then I will, of course, take them back to that page.  However, because there is no history, the Kendo UI mobile back button doesn't know what to do.

So... how can I save off the current navigation history to localStorage and how can I restore it when relaunching the app?

I see that app.pane.history has been deprecated.  This use case of an iOS web app launched from home screen seems pretty mainstream, so what is your current solution to this situation now that app.pane.history has been deprecated.

Thanks,
Ty.
Petyo
Telerik team
 answered on 10 May 2014
1 answer
96 views
I am trying to create a data source from an array of javascript objects that, among other properties, contain a property named "data". The existence of the "data" property causes my Kendo UI controls to break. An example is at http://jsfiddle.net/DsR4e/. If the "data" property is renamed, everything returns to the expected behavior.
Rosen
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
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
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?