Telerik Forums
Kendo UI for jQuery Forum
1 answer
216 views
I'm trying to create an application which has two windows.  I am using the MVVM framework, so I'm trying to create my windows declaratively using the data-role="window" syntax.  I'm not sure if I'm doing something wrong, but I am running into two issues:

  1. Windows appear to ignore the data-visible="false" attribute
  2. Windows declared after the first window fail to be initialized correctly - eg: Only one of my windows is created correctly.
I created a jsfiddle to demonstrate:
http://jsfiddle.net/rKeR5/


Also:
I should probably point out that I also tried working around this by manually creating the windows using the .kendoWindow() method, but it seems like this breaks the MVVM bindings to fields I have bound inside of the window (to my view model.)

Update:
It seems that the problem only exists if the windows are declared as siblings in the DOM.
David
Top achievements
Rank 1
 answered on 19 Dec 2012
3 answers
210 views
Hi,
see here: www.iperbooking.net/mobilekendo/iperbooking
In the header section of my site I'd like to show a scrollview with some photos. The default css code in the splitview's documentation is set to: width 320px and height 220px. I tried to change to width 100% and leave height 220px but when I rotate my phone obviously the photos will stretch.
Is it possible to change the height of the gallery on the rotation event?
Kamen Bundev
Telerik team
 answered on 19 Dec 2012
1 answer
189 views
I'm trying to test the menu using the example code on the site, but I'm getting the following error:

Value cannot be null.
Parameter name: item


Line 9:      <div id="IslandWebMenu">
Line 10:         @(Html.Kendo().Menu()
Line 11:             .Name("Menu")
Line 12:             .Items(items =>

Can, anyone, help me?

Thanks
Daniel
Telerik team
 answered on 19 Dec 2012
3 answers
409 views
I am having problems with speed as the data set grows. I have a JSON object of data that I create a hierarchical array from and then bind that array to the TreeView. The same data is displayed in a GridView without the hierarchical portion, so the TreeView is maybe 10-20% bigger, in terms of number of nodes. The time is off by almost 2 orders of magnitude. Trapping before and after the TreeView initialization as well as before and after the grid gives me this.

Count Tree Per Grid Per
62 5.385 0.08685 0.677 0.01092
119 13.69 0.11504 0.729 0.00613
199 32.096 0.16129 0.892 0.00448
265 58.09 0.21921 2.007 0.00757
351 89.012 0.25360 1.878 0.00535
402 72.118 * 1.345
* The last load with 402 items only has 4 branch nodes, Root, which as 3 children. All 402 are attached to one of the three children.

The number are in seconds. What I find very interesting is the time per is pretty consistent in the GridView, but grows in the TreeView faster than I think the added hierarchical data would allow for. The data is divided up into 4 levels, root, plus 3.

The real problem is of course 90 seconds to load a tree with 351 leafs. I re-ran with flattening the structure so that there were only the root, 3 branches and 402 leafs. That took 72 seconds, which is much better than the 90 for the 351 with more structure, but still too long for a user to wait, for not that much data.

The tree is fairly simple:
    $("#treeview").kendoTreeView({
        checkboxes: {
            checkChildren: true
        },
        select: function (e) {
            showDetailByNode(e.node)
        },
        template: kendo.template($("#treeview-template").html()),
        checkboxTemplate: kendo.template($("#treeview-checkbox-template").html()),
        dataSource: myShipmentsTree
    });

    <script id="treeview-checkbox-template" type="text/kendo-ui-template">
        # var name = "checkedFiles[" + item.id + "]"; #
        <input type="checkbox" name="#= item.text #" data-id="#= item.id #" data-status="#= item.Status #" value="true" id="chk#= item.text #" # if (item.items) { # class="treecheckbox" data-node="false" # } else { # class="treecheckbox itemnode" data-node="true" # } #/>
    </script>
    <script id="treeview-template" type="text/kendo-ui-template">
        # if (item.hasChildren) { #
            <span class="itemText itemGrouping">#= item.text #</span>
            (#= item.items.length #)
        # } else { #
            # if (item.Status == "V") { #
                <div id="itemLeaf#= item.id #" class="itemText itemLeaf strikeThrough" style="width: 100%;" data-id="#= item.id #" >#= item.text #</div>
            # } else { #
                <div id="itemLeaf#= item.id #" class="itemText itemLeaf" style="width: 100%;" data-id="#= item.id #" >#= item.text #</div>
            # } #
            <div id="itemButtons#= item.id #">
                <a class="statusImage status#= item.Status #" ></a>
            </div>
        # } #
    </script>

I removed the logic from the templates, but that didn't make any difference. It took more time, 75 seconds, but I suspect my computer was just a little busier.

    <script id="gridviewButton-template" type="text/kendo-ui-template">
        <div class="hiddenData" data-id="#= ID #"></div>
        <a class="statusImage status#= Status #" ></a>
    </script>
    <script id="treeview-checkbox-template" type="text/kendo-ui-template">
        # var name = "checkedFiles[" + item.id + "]"; #
        <input type="checkbox" name="#= item.text #" data-id="#= item.id #" data-status="#= item.Status #" value="true" id="chk#= item.text #" # if (item.items) { # class="treecheckbox" data-node="false" # } else { # class="treecheckbox itemnode" data-node="true" # } #/>
    </script>

Am I doing something wrong, or is this the speed to be expected from it?

Thanks
Randy Miller
TransGuardian

Daniel
Telerik team
 answered on 19 Dec 2012
1 answer
104 views
Hi,
I am using Stacked Column chart for one of my app. I want to do render some other stuff based on selection of the chart.

I can get all events like seriesClick,hover etc. But I need a way where user can select a range of x-axis values by dragStart and dragEnd or by any other options.

Can anyone suggest any solution?

Thanks
Hristo Germanov
Telerik team
 answered on 19 Dec 2012
5 answers
193 views
Hi,

I viewed your sample http://demos.kendoui.com/mobile/scrollview/index.html on my iPhone. I tried to save one of the images by doing a hold press and it does not show the "Save Image" sheet in safari. Normally when you browse a website and you want to save an image to your local photo album, you just do a hold press on the image and after a few seconds the "Save Image" action sheet comes up. 

How can I do the same with the ScrollView?

Best regards,
Antonio
Petyo
Telerik team
 answered on 19 Dec 2012
2 answers
172 views
Hi there,

I'm currently building a kando application and I'm wondering about the use of data.model and datasources.
I would like to map My json source to a defined js entity model.

My js model is like that:

var Impianto = kendo.data.Model.define({
    id: "IdImpianto", // the identifier of the model
    fields: {
        "IdImpianto": {
            editable: false,
            nullable: false,
            type: "Number"
        },
        "RagioneSociale": {
            type: "string"
        },
        "Alias": {
            type: "string"
        },
        "Indirizzo": {
            type: "string"
        },
        "Servizio": {
            type: "string"
        }
    }
});

var dataSource = new kendo.data.DataSource({
    schema: {
        model: Impianto
    }
});


while My json response is something like:
var myDS = [{"Alias":"customer1","IdImpianto":87792,"Indirizzo":"Milano","RagioneSociale":"customer1","Servizio":"MONITORAGGIO"},{"Alias":"customer2","IdImpianto":87793,"Indirizzo":"roma","RagioneSociale":"customer2","Servizio":"PATTUGLIAMENTO"}]


on My jquery ajax success response, I tried to assign json response to My kendo entity model in this way:
var myImpianto = new Impianto();
myImpianto.dataSource = myDS;

By the way the result is that the entity is not filled with any value;

Am I doing something wrong? Is there any way to automatically fill a custom entity with a json source?

Thanks in advance!
Gaetano
Top achievements
Rank 1
 answered on 19 Dec 2012
2 answers
609 views
Hi,

how can the we bind the json data for the chart.

Need to Call the JSON method in the controller
Alexander Valchev
Telerik team
 answered on 19 Dec 2012
3 answers
369 views
Is there a way to change the text of the Loading animation after it has been initialized ?

ShowBusy: function (txt) {
        if (txt != null)
            app.options.loading = "<H1>" + txt + "</H1>";
        app.showLoading();
    },

Best regards,
Petyo
Telerik team
 answered on 19 Dec 2012
3 answers
265 views
In July of this year Dimo added a nice example of dynamically resizing a grid.  A link to his post is here. This works very well unless you enable grouping on that same grid.

I took his jsfiddle and added a groupable: true --> http://jsfiddle.net/SDFsz/98/.

This works great when you resize but it doesn't work on the first run ( that is when resizeGrid gets called from DataBound event ).

Is there any event that fires after the Grouping box actually gets created and sized?
Dimo
Telerik team
 answered on 19 Dec 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
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?