Telerik Forums
Kendo UI for jQuery Forum
3 answers
256 views
Hi,

I have the grid setup with a custom inline editor and navigation enabled.
When using tab, arrow keys or enter/return after changing the value of a cell the next cell is not selected, but it jumps to the first cell in the grid.
I can navigate through cells as expected with the editor displayed in each cell as I move but if I update a value than the selection jumps back to the first cell.

In debug I can see that the  $("#tsGrid").data("kendoGrid")._current is being reset on tab etc. but only when I have changed the value.

Any help is appreciated.

Thanks
Euan
Euan
Top achievements
Rank 1
 answered on 18 Mar 2014
9 answers
239 views
Hi, guys.

This framework is awesome... like a native app! but i have a problem that subtracts points to my user experience.

The problem is about navigating to a remote view for second time, where the view has the data-reload=true attribute.

This problem wont happen when data-reload is set to false. But if i set it to false the data in the remote view wont update.

When i go to the remote view with data-reload=true for the first time no flicker appears and work perfect!... only for second time and the times after that (header and tabstript footer dissapear)

please advise to fix it...

Irina
Top achievements
Rank 1
 answered on 18 Mar 2014
2 answers
277 views
With regard to the documentation found at:

http://docs.telerik.com/kendo-ui/getting-started/widgets

Is it...

var widgetObject = kendo.widgetInstance(widgetElement);

or...

var widgetObject = kendo.widgetInstance(widgetElement, kendo.ui);

Is the second parameter optional?
Rick
Top achievements
Rank 1
 answered on 18 Mar 2014
2 answers
362 views
Hey guys

I have pages inside my scroll-view which provides an interactive "settings-mechanism".
What that means is my application will react to a vertical "swipe-gesture", and will change time-settings according to the scrollView-page.

This works very smooth and I'm quite happy as these are my first "kendo-UI steps".
Now the problem begins once you don't swipe straight, but your vertical movement is enough to trigger the "start page-change"-animation.
So what I need to do is to disable the scrollView, once the settings-adjustment got initiated.

My workaround is to disable this functionallity when I detect a more vertical swipe than a horizontal one (through dragstart & drag).
But this is not good for the enduser as he can start a settings-adjustment on the page and then change to a scrollView-page-transition with the same movement. 

On my journey to find a solution, I was mainly looking for a way to achive these events/methods:
-Events:
  AboutToChange (I don't understand the Changing-Event... It fires when the user already made a full transition... or is this a Chrome-Bug?)
  Cancled
-Methods:
  Enable / Disable the ScrollView

Like in the title mentioned, I thing these are quite essential things...I don't feel like I'm doing something very exotic here, or am I?
Maybe I'm missing something, because I can't find threads about that here, nor on stackoverflow.

So are there truely no workarounds / properties / whatever to "fix" my problem? Or should I change my widget with something else (maybe from the community?).

Thank you very much.

Cheers,
Richard
Richard
Top achievements
Rank 1
 answered on 18 Mar 2014
5 answers
115 views
Easier to show than to explain. Please take a look at the video: https://www.youtube.com/watch?v=aChANYI6VsA

I am using v2013.3.1414.
Petyo
Telerik team
 answered on 18 Mar 2014
8 answers
228 views
Hi!

I need to do a scrollTo just after load an scrollview. If i put my function just after loading code it do anything. If put the same sentence with a 1 second delay using setTimeout it works great. Then, there's one event at kendoMobileScrollView that throws when the load it's complete to call my sentence at this place?

Thanks

PD: This is my loading function:

function CargaDatos(){
$("#scrollview").kendoMobileScrollView({
        dataSource: {
            transport: {
            read: function (options) {

                db.transaction(function(tx) {

///WEB SQL LOADING CODE OMMITED, TOO EXTEND.

});

            }
        },
            serverPaging: true,
            pageSize: pagElements*9,
            schema: {
            data: "photos",
            total: "total_items"
        }
        },
        itemsPerPage: pagElements,
        template: kendoTemplate,
        contentHeight: '100%',
        enablePager: false
    });
    
    setTimeout('$("#scrollview").data("kendoMobileScrollView").scrollTo(6, true);',1000);
}

Kiril Nikolov
Telerik team
 answered on 18 Mar 2014
1 answer
88 views
If I create a view with data-role="modalview" and then use Kendo.bind() using MVVM it causes the page to show just plain text with a white background.  If I change the data-role to view it works correctly.  Is there something special that must be done to use MVVM with a modalview?

Thanks
Kiril Nikolov
Telerik team
 answered on 18 Mar 2014
1 answer
101 views
It seems to be working both ways but the documentation says to use get() on observable objects. I prefer the conciseness of the first example with direct invocations.  What dangers am I putting myself in by not using get()?


<div data-template="trade-purchase-listing-template1b" data-bind="source: this">
    <script id="trade-purchase-listing-template1b" type="text/x-kendo-template">
        #if (data.current_trade_balance !== null && data.listing.price) {#
            #if (data.current_trade_balance >= data.listing.price) {#

..vs..

<div data-template="trade-purchase-listing-template1b" data-bind="source: this">
    <script id="trade-purchase-listing-template1b" type="text/x-kendo-template">
        #if (data.get('current_trade_balance') !== null && data.get('listing.price')) {#
            #if (data.get('current_trade_balance') >= data.get('listing.price')) {#

Here's how data is initialized: 

model.data = kendo.observable({
    listing: {},
    current_trade_balance: null,
    ....
Alexander Valchev
Telerik team
 answered on 18 Mar 2014
2 answers
884 views
Hi, 
I'm updating multiple properties on a Kendo datasource row model (using model.set javascript), and I want the grid to update only after the last change is made. Another issue is that i don't know (without many if statements) whether any of the properties actually changed.
Regards, 
Tom
Tom
Top achievements
Rank 1
 answered on 18 Mar 2014
2 answers
203 views
I'm using a batch grid with InCell editing and am wanting to know a way to set a particular column into edit mode.  

I've tried using editCell, and so far it hasn't caused any of the cells to go into edit mode :(

In this particular case, we have a ClientTemplate column specified which has a button (really its a link...) in it.  When the user clicks the button I would like a particular cell in that row to switch to edit mode.  For reference here's what the specific column template looks like:
 columns.Template(t => { }).HeaderTemplate("")
                .ClientTemplate(@"
                    <a href='javascript: void(0)' class='abutton SecondaryActiveBtn' onclick='editVariableRate(this)' title='Edit'>Edit</a>")
                .Width(100).Title("");

Here is the particular javascript method that gets called on the button click:
 function editVariableRate(element) {
        grid = $("#variableFee").data("kendoGrid");     
        var cell = $(element).closest("tr").find("td:eq(2)");
        grid.editCell(cell);
}

Am I doing something wrong here because the particular column never goes into edit mode.



ASAP Developer
Top achievements
Rank 1
 answered on 18 Mar 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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
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
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?