Telerik Forums
Kendo UI for jQuery Forum
1 answer
201 views
Hello,
I have a basic listview, bound to a dataSource(JS array of objects), with an item template that contains a switch, 
Ex:
<script id="listItemTemplate" type="text/x-kendo-template">
       <div>
            <a> #=name# </a>
            <input type="checkbox" #if(data.selected) { # checked #}# data-role="switch" data-bind="checked: selected" />
       </div>
</script>

The list is rendered corectly, however the switch data binding does not seem to be working. 
Had to specify the [#if(data.selected) { # checked #}#], otherwise it woudn't have set the checked state corectly.
I expect 2 way binding. Thiking this should work.
Am i doing something wrong?

Regards
Petyo
Telerik team
 answered on 12 Jul 2013
1 answer
128 views
Grid keyboard navigation doesn't work in Chrome browser (version 27) in laptop with touchscreen (I use HP Pavilion DV6 laptop).
If I use Firefox browser, then it works correctly.
If I use any other laptop without touchscreen then it works in both browsers.

I tested it in Kendo UI demo (http://demos.kendoui.com/web/grid/navigation.html).
The problem is that normally it adds class=k-state-focused and id=grid_active_cell attributes to selected grid cell:

<td role="gridcell" id="grid_active_cell" class="k-state-focused k-state-selected" aria-selected="true">Andrew</td> 

But in laptop with touchscreen selected grid cell is without these attributes:

<td role="gridcell" class="k-state-selected" aria-selected="true">Andrew</td> 
Nikolay Rusev
Telerik team
 answered on 12 Jul 2013
5 answers
118 views
I am trying to use ListView with EndlessScroll within a div with data-role="scroller" but it is not working as expected.

<div data-role="scroller" style="height:300px">
      <ul id="listView"></ul>
<div>
Please see the below example based on another working example on JSBin. I added a placeholder div at the top and a scroller to wrap the ul

Non working example with scroller:
http://jsbin.com/iyodux/24/edit

Original working example:
http://jsbin.com/iyodux/2/edit

Thanks
Petyo
Telerik team
 answered on 12 Jul 2013
1 answer
85 views
I think this should be simple, I just can't quite seem to get it.  I have a TabStrip which I want to embed a grid into one of the tabs.  The grid should load dynamically from AJAX.  I have both working independently, but when I try to put the Grid into the TabStrip, I get no content.  I can see in firebug there is never a request being made for the content.

I tried to post the code as code, but the system told me invalid post content.

YY
Top achievements
Rank 1
 answered on 12 Jul 2013
10 answers
543 views
I notice on our encrypted site when we use kendo controls, the sprites and things are calling non-https cdn resources. Can we get these to come from a https location so it doesn't lower the trust level displayed in browsers?
Our site has asp.net mvc 3 platform and has an expensive ssl setup to show the user an EV trust seal but when we use kendo controls we lose it because the page is "partially encrypted" at that point. In IE the whole padlock seal goes away all together.

http://cdn.kendostatic.com/2012.1.322/styles/Default/sprite.png    etc...

We use the web.all.js file... I would personally prefer to host the images and not have it call a cdn, but if that isn't an option... could there maybe an option to pass the js file a query string or something so it will call https resources?

I understand the benefits cdn's can bring, epecially for files like jquery where ,millions of sites have it and most browsers/cpu's would have it cached, but in our case we would prefer to house the files ourselves... and not have to break into the web.all.js scripts to do it too if possible.
Ray
Top achievements
Rank 1
 answered on 11 Jul 2013
0 answers
381 views
I have a grid linked to some datetimepickers and I want to be able to set them back to their defaults with a button press which ideally would refresh the grid as well. Is it possible to use the refresh function through means other than the built in refresh button?

Edit:
Nevermind, I found it. If anyone else needs to know, just link a button to a function that uses this code: 

$("#gridname").data("kendoGrid").dataSource.read();
Tracey
Top achievements
Rank 1
 asked on 11 Jul 2013
0 answers
92 views
I've been trying to make this work, but it's been very frustrating.
 
I'm using these two Kendo demos to work with remote data: <a href="http://demos.kendoui.com/dataviz/bar-charts/remote-data.html">This one</a> and the <a href="http://docs.kendoui.com/api/dataviz/chart#methods-setDataSource">stockdata example seen here</a>.<br>
<br>
I've created two WCF services (framework 4.0) and each returns exactly the same JSON object (checked with fiddler2) that is returned <a href="http://demos.kendoui.com/service/stockdata">here </a>and <a href="http://demos.kendoui.com/content/dataviz/js/spain-electricity.json">here</a>. The only difference between the Kendo demos and my examples is the service being called (mine is running in localhost).<br>
<br>
Anything is helpful. I'm not going into much detail since I know that these Kendo UI forums are very slow to respond. But if I can't make them work, then we won't buy and we'll end up using BIDS. We would like to renew our ultimate subscription but there's no purpose to that if there's no support.<br>
<br>
Thanks.
Vaughn Myers
Top achievements
Rank 1
 asked on 11 Jul 2013
1 answer
309 views
I have a C# MVC project with a Kendo UI grid. When running it on an Ipad
I want the keybaord to default to numberic instead of alpha. Is there a
Kendo setting that accomplishes this? My grid code is below...

@(Html.Kendo().Grid<OPS.Models.LineProductWasteEntry>()
.Name("WasteGrid")
.Columns(columns =>
{

columns.Bound(p => p.Id).Hidden(true);
columns.Bound(p => p.BucketWeight).Hidden(true);
columns.Bound(p => p.LineCategoryId).Hidden(true);
columns.Bound(p => p.LineCategoryProduct).Hidden(true);
columns.Bound(p => p.LineProductId).Hidden(true);
columns.Bound(p => p.ShiftId).Hidden(true);
columns.Bound(p => p.SourceId).Hidden(true);
columns.Bound(p => p.UserId).Hidden(true);
columns.Bound(p => p.CategoryName);
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Value);
columns.Bound(p => p.SourceName);
columns.Bound(p => p.Source);
columns.Bound(p => p.Weight);
columns.Bound(p => p.Weight2);
columns.Bound(p => p.Weight3);
})
.ToolBar(toolbar =>
{
toolbar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
model.Id(p => p.Id);
model.Field(p => p.SourceName).Editable(false);
model.Field(p => p.CategoryName).Editable(false);
model.Field(p => p.ProductName).Editable(false);
model.Field(p => p.Value).Editable(false);
})
.Batch(true)
.ServerOperation(false)
.Events(events => events.Error("error"))
.Read(read => read.Action("Waste_Read", "LabourEntry")
.Data("Read_Data"))

.Update(update => update.Action("Waste_Update", "LabourEntry")
.Data("Update_Data"))
)


//.Sortable()
//.Scrollable()
.AutoBind(false)

)
Alexander Valchev
Telerik team
 answered on 11 Jul 2013
2 answers
83 views
Is there a way in Kendo Framework to handle a situation when some piece of data-bound HTML layout is nested within another data-bound HTML?
Example here.
The goal here is not to decouple nested HTML from it's container without extreme necessity.
What is the recommended approach here?
Artem
Top achievements
Rank 1
 answered on 11 Jul 2013
1 answer
97 views
You may already know this by now, but the ListView documentation is missing information and the examples show different information and even have unused code.

For paging, this example doesn't use the "pageable" property, yet somehow has paging:
http://demos.kendoui.com/web/listview/index.html

This one calls a pager in the script code, but there isn't a pager element in the HTML:
http://demos.kendoui.com/web/listview/remote-data.html

This article mentions the "pageable" property:
http://docs.kendoui.com/getting-started/web/listview/overview
But, then the API documentation makes no mention of it:
http://docs.kendoui.com/api/web/listview

This article is about the only one that is useful (although, the JSFiddle embeds just spin trying to load and never do), and it took a little searching to find it:
http://docs.kendoui.com/howto/howto-use-the-listview-of-kendo-ui-web

Lastly, looking at ListView is the first time I encountered the "kendoPager" thingy. I call it a thingy because it isn't documented by itself anywhere that I could find, but is just a dis-jointed call available from the framework. Is it just for the ListView? Are there other somewhat undocumented thingies like this in the framework?

Please do a more thorough review of the documentation (in general). KendoUI is large and can take a lot of time away trying to find basic information for widgets and features and figure out how to use them properly.

That said, I love the framework so far, keep up the great work.
Alexander Valchev
Telerik team
 answered on 11 Jul 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?