Telerik Forums
Kendo UI for jQuery Forum
6 answers
304 views
I am using the MVVC pattern in my application.

On one view I am calling another view and passing a variable on "click" via  a dynamic ListView.  The datasource is being populated onShow.

It is working as expected on first usage but if 1) go BACK and choose another option OR 2) complete the first entry and try to create a new one - it blows trying to read the e.dataItem.{somevar}. Ideas why?

app.myService = {
        onShow: function (e) {
         ....
            $("#lvLevel2Options").kendoMobileListView({
                dataSource: kendo.data.DataSource.create({data: ds }),
                template: $("#templateCategoryLevel2").html(),
                click: app.myService.categoryClicked
            });
       }
 
        categoryClicked: function (e) {
 
            //It blows HERE but only on second pass
            var id= e.dataItem.id;
             ....
       }

Other info:  I checked the source of the List and see the data-uid values are changing each time i view the page as I would expect since the datasource is being refreshed onShow (it needs to be because it is dynamic filtered data).

Petyo
Telerik team
 answered on 27 Mar 2014
1 answer
101 views
I posted on StackOverflow http://stackoverflow.com/q/22665913/7850 but it's not getting much attention there, so here I am on these forums...
Sebastian
Telerik team
 answered on 27 Mar 2014
3 answers
377 views
Kendo UI version: 2013.3.1324
OS's:
- Windows 8.1 Pro
- Windows Server 2008 R2 Datacenter SP1
- Android 4.42 (Nexus 7 Build)
Browser versions:
- Internet Explorer 11.0.9600.16518 in emulation mode with user agent string Apple Safari (iPad)
- Google Chrome 33.0.1750.154m in emulation mode with devices "Apple iPad 3 / 4" and "Samsung Galaxy Tab 7.7, 8.9, 10.1"
- Google Chrome 33.0.1750.166 on Android 4.42 (Nexus 7 Build)
jQuery version: 2.1.0

On success of a jQuery post, we are setting the HTML contents of a Kendo UI Mobile View DIV with the content string below:
<form action="/Legend/Edit/89C29D66-7414-425F-89CD-3A580DFA8695" class="form-horizontal" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#AjaxReplace" id="form0" method="post" role="form">
<input data-val="true" data-val-number="The field Maximaal must be a number." data-val-required="The Maximaal field is required." id="ZoomMax" max="20" min="0" name="ZoomMax" type="range" value="20" />
<script>
jQuery(function(){jQuery("#ZoomMax").kendoSlider({"tickPlacement":"none","showButtons":true,"largeStep":5,"min":0,"max":20});});
</script>
<button class="btn btn-primary" type="submit">Submit</button>
</form>

As you can see, the ZoomMax value is 20, but the slider handle is positioned left and not draggable in the Mobile View. This is the case in IE and Chrome mobile emulation, as well on real mobile devices like the Asus/ Google Nexus 7. There are no errors in the browser console. See also the attached screenshot.

When setting an ASP.NET MVC view DIV with the same contents, the slider works normally.

Also, when setting Kendo Mobile View directly with the same contents, the slider works normally:
@(Html.Kendo().MobileView()
.Content(@<text>
<div id="legenditem-edit-container">
<form action="/Legend/Edit/89C29D66-7414-425F-89CD-3A580DFA8695" class="form-horizontal" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#AjaxReplace" id="form0" method="post" role="form">
<input data-val="true" data-val-number="The field Maximaal must be a number." data-val-required="The Maximaal field is required." id="ZoomMax" max="20" min="0" name="ZoomMax" type="range" value="20" />
<script>
jQuery(function(){jQuery("#ZoomMax").kendoSlider({"tickPlacement":"none","showButtons":true,"largeStep":5,"min":0,"max":20});});
</script>
<button class="btn btn-primary" type="submit">Submit</button>
</form>
</div>
</text>)
.Layout("MobileLayoutLegend")
.Name("LegendItemEdit")
.Title("Wijzig legenda-item")
)

How can we make a slider show the correct value and be draggable in a Mobile View which content is set using jQuery?
Ewoud
Top achievements
Rank 1
 answered on 27 Mar 2014
1 answer
188 views
Now, in importing products from Telerik Platforms there is only options : Kendoui Web, Kendoui Mobile, Kendoui Dataviz but there is no options Kendoui Complete ?

After downloading Kendoui Web, Kendoui Mobile, Kendoui Dataviz  Q1 2014  release, there is missing file "kendo.all.min.js" in Q1 2014  release.

Please help us in downloading completed version Kendoui Q1 2014 release.
Sebastian
Telerik team
 answered on 27 Mar 2014
1 answer
325 views
Hello,

We’re experiencing a problem on IE10 and 11 concerning the date picker calendar popup. The calendar popup immediately closes when the mouse moves out from the calendar button.
 
The date picker is part of a grid filter.

The kendo UI Grid is configured for Ajax Binding which generates the filter code.

The calendar popup behaves as expected when tested on IE9, Chrome and Firefox.

Calendar Popup Html Snippet
<div class="k-animation-container" style="left: 6.5px; top: 86.72px; width: 207px; height: 239px; overflow: hidden; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; display: none; position: absolute; z-index: 10002;"><br><br>        <div class="k-calendar-container<br>k-popup k-group k-reset" aria-hidden="true" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: none; position: absolute; font-stretch: normal; transform: translateY(-239px);' data-role="popup"><br><br>            <div class="k-widget k-calendar" id="7a220a39-81a2-4e85-a966-be5a672dcb3e" data-role="calendar"><br><br>                <div class="k-header"><a class="k-link k-nav-prev" role="button" aria-disabled="false" href="#"><span class="k-icon<br>k-i-arrow-w"></span></a><a class="k-link<br>k-nav-fast" role="button" aria-disabled="false" aria-live="assertive" aria-atomic="true" href="#">March 2014</a><a class="k-link k-nav-next" role="button" aria-disabled="false" href="#"><span class="k-icon<br>k-i-arrow-e"></span></a></div>

Date Picker HTML Snippet
<div class="k-column-menu k-popup<br>k-group k-reset k-state-border-up" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: block; position: absolute; font-stretch: normal; transform: translateY(0px);' data-role="popup"><br><br>        <ul tabindex="0" class="k-widget k-reset k-header<br>k-menu k-menu-vertical" role="menubar" data-role="menu"><br><br>            <li class="k-item k-columns-item<br>k-state-default k-first" role="menuitem" style="z-index: auto;"><br><br>                <span class="k-link"><span class="k-sprite<br>k-i-columns"></span>Display/Hide<span class="k-icon<br>k-i-arrow-e"></span></span><br><br>                <div class="k-animation-container" style="left: 173px; top: 0px; width: 221px; height: 200px; overflow: hidden; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; display: none; position: absolute; z-index: 10002;"><br><br>                    <ul class="k-group k-popup<br>k-reset" role="menu" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: none; position: absolute; font-stretch: normal; transform: translateX(-221px);' data-role="popup"><br><br>                        <li class="k-item k-state-default<br>k-first" role="menuitem"><span class="k-link"><input type="checkbox" data-field="BClassDescription" data-index="0">B Class</span></li><br><br>                        <li class="k-item<br>k-state-default" role="menuitem"><span class="k-link"><input type="checkbox" data-field="BLogicalName" data-index="1">Name</span></li>

Any help would be much appreciated. Thank you.
Alexander Valchev
Telerik team
 answered on 27 Mar 2014
1 answer
98 views
I just rendered a simple menu in a page both with grid, menu, charts. The menu took over 14 seconds to finish rendering. And all time was wasted on there 2 methods of kendoMenu: _initData  and _updateClasses. Is it a bug of menu?
Kamen Bundev
Telerik team
 answered on 27 Mar 2014
1 answer
113 views
I just updated to the new web library, and now my splitter size methods are not working.

var splitter = $('#splitter').data('kendoSplitter');
splitter.size(
'#wb_queueDetails', (simulatedPanels*Globals.widthMultiplier/2)+'px');


This was working just fine with the previous version
Dimo
Telerik team
 answered on 27 Mar 2014
1 answer
493 views
Using the MVC wrapper, I've created a grid where one of the columns is bound to an object defined as roleId and roleName.  Using a custom editor I've been able to make that a DropDownList as shown in this example:  http://demos.telerik.com/kendo-ui/web/grid/editing-custom.html

Now I want to utilize a similar DropDownList for the filter.  I've tried various permutations of cobbled together code I've found here and there, but with no success.  What would be the best approach for this?

Thanks,
Lee
Petur Subev
Telerik team
 answered on 27 Mar 2014
3 answers
211 views
Dear Sir

I have a observablearray from a children property of remote service, which is a purchase order. You could image it as master-child structure.

after get observablearray of order details, I bind it to a grid. It works well.

But when I try to add a dependency property to this observablearray to calcuate ( quantity * unit price.) But it couldn't work.

 I know it could be done by bind "change" event and it works well. But I wonder if it can be done by dependency property or method.

there is the sample: http://jsfiddle.net/R6KSs/2/

Thank you very much.

Jason
Alexander Valchev
Telerik team
 answered on 27 Mar 2014
1 answer
162 views
Does anyone have a working and complete sample of creating a treeview in which the nodes are action links to a controller/action/routevalue(s).

I'm using asp.net mvc and creating a treeview on the server using razor syntax.  I'd like the nodes (when clicked/selected) to call an action on a controller which would in turn refresh a grid on the screen. 
Alexander Popov
Telerik team
 answered on 27 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
Drag and Drop
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
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?