Telerik Forums
Kendo UI for jQuery Forum
7 answers
471 views

I'm working on a page that needs to have a rowTemplate added to a kendo grid. I've tried a few permiatations and can not get it to work. I have the grid bound to a view model with a data source property called Info. I pasted my code below  and am not sure what I am missing.


<table id="grid" width="100%" data-role="grid" data-bind="source: Info" data-template="row-template"

data-columns='[{"field": "ID","title": "Id"}]'>

<tbody ><tr><td></td></tr></tbody>

</table>

<script id="row-template" type="text/x-kendo-template">

<tr>

<td>

<a href="Page.aspx?ID=${ ID }">Edit</a>

</td>

</tr>

</script>

 

Atanas Korchev
Telerik team
 answered on 28 Mar 2012
2 answers
172 views
I'm noticing some strange behavior on datasource CRUD operation when sync() gets called.
I've a transport with this configurations:

new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "webservices/entities/read",
                        dataType: "jsonp",
                        jsonp: false,
                        jsonpCallback: "callback"
                    },
                    create: {
                        url: "webservices/entities/create",
                        type: "post",
                    },
                },
                schema: {
                    data: "items",
                    total: "total",
                    model: {
                        id: "id",
                        fields: {
                        id: {type: "number"},
                        name: {type: "string"},
                        description: {type: "string"},
                        parent_id: {type: "number"}
                    }
                },
                serverFiltering: true,
                sort: {field: "name", dir:"asc"},
                filter: {field: "parent_id", operator: "eq", value: parent_id}
});

however, when I add a new item with the datasource.add() method and call sync(), Create gets called only if I set the id: 0. With any other number Create doesn't get called. I've track the XHR object from the browser developer tools and I can also verify this by setting parameterMap: function(operation, options) { alert(operation); }

Any clue?  
Iliana Dyankova
Telerik team
 answered on 28 Mar 2012
1 answer
128 views
I'm looking for a way to load/save the current grid filtering. I've figured out how to set multiple filters with jQuery. But I can't seem to figure out how to read/query it. Also is there any built in way to toggle columns (show/hide).

Dan
Amos
Top achievements
Rank 1
 answered on 28 Mar 2012
0 answers
182 views
Hi,

kendoDropDownList works very great with a limited number or records.
I want to put a kendoDropDownList selection a table that have more than 10000 rows. Having this number of records doesn't make sense to add in the DOM.
It would be great if the kendoDropDownList could support paging.
If the user type another selection, then it perform a lookup and allow selection.
Is someone already did this? I think a code sample with a huge dataset is a good thing to add.
I have no clue how to do this. Any idea are welcome. Thank you.

Patrick Rioux
Top achievements
Rank 1
 asked on 28 Mar 2012
0 answers
116 views
Hi,
My quest is how to get the open data protocol from the Kendo grid. I try to add a print button under the gird to print out the grid to a reprot. Is this possible for kendo? thanks,

Tony
Tony
Top achievements
Rank 1
 asked on 28 Mar 2012
4 answers
219 views
Hi, I use multiple windows (widget) in an iframe, so far without problems. But, when I add an autocomplete control in a window (widget), the drop-down list displays behind the window.
If I test the same code in an new html, without window widget, the autocomplete control works fine.

I modified the k-popup and k-autocomplete z-index property, didn't work.
I've attached a file showing the problem...

How can I fix this problem? Thanks!
Federico
Top achievements
Rank 1
 answered on 28 Mar 2012
0 answers
146 views
Is it any chance to have Pie Chart or other DataViz widget refreshed after property of my VM was changed?
I've tried to init charts with VM wrapped by kendo.observable like:
var viewModel = kendo.observable({
                theme: "default",
                title: { text: "Break-up of Spain Electricity Production for 2008" },
                legend: { position: "bottom" },
                seriesDefaults: { labels: { visible: true, format: "{0}%" }},
                series: [{ type: "pie",
                    data: [ { category: "Hydro", value: 10 }, { category: "Solar", value: 20 }, 
       { category: "Nuclear", value: 30 }, { category: "Wind", value: 40}]         
 }]
            });
            $("#chart").kendoChart(viewModel);

but no luck - my chart was not generated at all.
It works better if wrap only data for series
var viewModel = {
                theme: "default",
                title: { text: "Break-up of Spain Electricity Production for 2008" },
                legend: { position: "bottom" },
                seriesDefaults: { labels: { visible: true, format: "{0}%" }},
                series: [{ type: "pie",
                    data: kendo.observable([ { category: "Hydro", value: 10 }, { category: "Solar", value: 20 }, 
       { category: "Nuclear", value: 30 }, { category: "Wind", value: 40}])
 }]
            };
            $("#chart").kendoChart(viewModel); 
but no refresh happened after i changed the collection:
viewModel.series[0].data.pop();
viewModel.series[0].data.pop();
viewModel.series[0].data.push({ category: "New", value: 70 });
even after i call
$("#chart").data("kendoChart").refresh();
Is it any chance to refreshing DataViz control without recreating it?

Thank you.

PS: I want to add one more voice for knockoutJS and drill down option for charts :)
Alexey
Top achievements
Rank 1
 asked on 28 Mar 2012
10 answers
439 views
Hi,
    I'm developing a Rails Application and using KendoUI DropDownList for my dropdowns but it takes many too much time to load the page as KendoUI Dropdown list uses calls to load


GET http://localhost:3000/assets/kendo.core.js?body=1&_=1330671955925



GET http://localhost:3000/assets/kendo.list.js?body=1&_=1330671957009



GET http://localhost:3000/assets/kendo.popup.js?body=1&_=1330671957783



GET http://localhost:3000/assets/kendo.data.js?body=1&_=1330671957981



GET http://localhost:3000/assets/kendo.dropdownlist.js?body=1&_=1330671958212




Please guide me if i'm doing it wrong or any other suggestions in this regard.
Thanks
Brandon
Top achievements
Rank 2
 answered on 28 Mar 2012
2 answers
125 views
I've got an understanding of why this is happening, but it's not going to be plausible to release this to our customers with the following happening, and I can't figure out any way around our scenario without using a RowTemplate.

Example here: http://jsfiddle.net/Xxn22/2/

As you can see, the columns don't align when grouped and you can't minimize/maximize the groups.
Chris
Top achievements
Rank 1
 answered on 28 Mar 2012
1 answer
263 views
I am receiving this error when attempting to bind data from a file with Kendo UI

TypeError: 'undefined' is not an object (evaluating 'b.length')

I'm loading the JSON from a local file (data.json) with a fairly simply datastructure.

here is my data:

{"data":{
"Product":"Bacon",
"Price":19.56123,
"Quantity":5
},
{
"Product":"Pancakes",
"Price":13.91123,
"Quantity":17
}}


and here is my Kendo initializer

$("#remote").kendoGrid({
sortable: true,
dataSource:
{
type: "json",
transport:
{
read: "data.json"
},
schema:
{
data:"data",
/*
model:
{
fields:
{
"Product": { type: "string" },
"Price": { type: "number" },
"Quantity": { type: "number" }
}
}*/
},
pageSize: 3,
serverPaging: false,
serverFiltering: false,
serverSorting: false
},
columns:
[
{
field: "Product",
title: "Product Name"
},
{
field: "Quantity",
title: "Quantity"
},
{
field: "Price",
title: "Price",
template: '#= kendo.toString(Price, "c") #'
}
],
});


The error is the same with or without that Model field commented... I feel like this might be a jQuery dependency error (1.7.1), but I am not sure... any help or thoughts would be appreciated.

Thanks
Atanas Korchev
Telerik team
 answered on 28 Mar 2012
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
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
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?