Telerik Forums
Kendo UI for jQuery Forum
4 answers
67 views
I am trying to work up a mobile app similar to your sushi demo.  I've attached a stripped version of what I'm working on.  I'm having a problem getting the data I want to edit to display.  For my data I am using a temporary webapi app to feed the mobile app data.  I'm getting data just fine and retrieve the record object I want, but can't set the values I need to edit.  The function below is where I get the data, and it is there, but I can't set the values.  When the view displays, the fields are empty.  I tried setting up like the sushi demo with it's detail view and template, but calling view.scrollerContent.html with the template and data never worked for me, it would not even display the view.  How else can I either set the values for edit or use a template to do this?  Thanks.
  function getCompanyPackageForEdit(e) { 
    var view = e.view;
     var package = dsPackage.get(view.params.id);
     //alert("package: " + package.Description + " default weight: " + package.DefaultWeightFactor + " weight: " + package.WeightFactor);

     $("#editDefaultWeight").html(package.DefaultWeightFactor);
     $("#editWeight").html(package.WeightFactor);
     $("#editMaxCount").html(package.MaxCountPerDay);

  }
   
Brian
Top achievements
Rank 1
 answered on 11 Jan 2013
1 answer
40 views
When I run IE 9 in compatibility mode, the gradient styles are lost.  I guess this is a problem with ie8+ compatibility mode or ie7.

Is there a workaround so the gradients are shown?

Thanks

Michael
Dimo
Telerik team
 answered on 11 Jan 2013
4 answers
518 views
The pie chart does not seem to be able to handle negative values, the graph distorts completely if a negative value is introduced. Any way around this?

Sample data below:

   var data_by_location = [
                          { "location": "IN", "year": 2012, "month": 1, "revenue": 18228 },
                          { "location": "TX", "year": 2012, "month": 1, "revenue": 15014 },
                          { "location": "KY", "year": 2012, "month": 1, "revenue": 16898 },
                          { "location": "MI", "year": 2012, "month": 1, "revenue": 12186 },
                          { "location": "CA", "year": 2012, "month": 1, "revenue": -9945 }
                          ]

I'm including the code for the pie chart below but everything is pretty standard:

  $(document).ready(function () {
                $("#piechart").kendoChart({
                    dataSource: data_by_location,
                    seriesDefaults: {
                        type: "pie",
                        labels: {
                            visible: true,
                            template: "#= category # - #=kendo.format('{0:p}', percentage) # "
                                 }
                    },
                    title: {
                        text: "Monthly Revenue per Location"
                    },
                    legend: {
                        position: "bottom"
                    },
                    series: [{
                        field: "revenue",
                        categoryField: "location"
                    }],
                    tooltip: {
                        visible: true,
                        format: "N0"
                    }
                });
MRa
Top achievements
Rank 1
 answered on 11 Jan 2013
4 answers
147 views
Hi , I 'd like to ask if its possible to have a single footer with icons centered in a page with splitview and how , so far I have only managed to have 2 separate footer for splitview page
Kamen Bundev
Telerik team
 answered on 11 Jan 2013
1 answer
252 views
Hi,

Files are not being removed.

I have populated the removeURL with a valid URL, and the action I am calling server side works fine.

The remove event is simply not fired. I am watching in firebug and I can see the add event fire (which works) but no event is fired for remove, however the remove: function does fire and the icon representing the file is removed from screen, however the file itself is not deleted, again cus there is not actual ajax firing to remove it.

I can see in the demo that the component does fire an ajax on clicking remove and i have tried using the same kendo.js file that the example uses and i am using jquery 1.8.2, so it must be a config issue my end ?

Here is my outputted code:
note: the GUID just allows me to identify which user is currently uploading, so i don't delete the wrong file.
<jquery1.8.2 is included>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js" type="text/javascript"></script> 
$("#attachments").kendoUpload({
    async: {
        saveUrl: '/Email/Compose/24f7fd17-8e62-43cb-8982-82583a5ee5af/Ajax/Attachment/Add',
        removeUrl: '/Email/Compose/24f7fd17-8e62-43cb-8982-82583a5ee5af/Ajax/Attachment/Delete',
        autoUpload: true
    },
    complete: OnAttachmentComplete,
    error: OnAttachmentError,
    remove: OnAttachmentRemove,
    success: OnAttachmentSuccess,
    upload: OnAttachmentUpload
});

Any ideas appreciated...
Atanas Korchev
Telerik team
 answered on 11 Jan 2013
3 answers
122 views
Hi All,

We have developed an application using HTML 5 Kendo UI.We have tested the application in both IE 9 and IE 10 versions in the local machines it works fine but the main problem arises when the application is deployed and we run the application in the IE 9 and IE 10 the charts compressed or the pointing on one side and line drawing on the other side.
Iliana Dyankova
Telerik team
 answered on 11 Jan 2013
1 answer
493 views
Is there a way to use just the Kendo UI overlay without a window or progress bar?

Thanks,
Charles
Iliana Dyankova
Telerik team
 answered on 11 Jan 2013
4 answers
694 views
How do I align those buttons to the right, which are otherwise defaulted to the left

Vladimir Iliev
Telerik team
 answered on 11 Jan 2013
3 answers
619 views
Hi,

My row is binded to a certain item. I need to give this item as a variable to my custom command. How can I this?

the grid:
<div data-bind="kendoGrid: {
    data: items,
    columns: [
            {width: 90, title: 'Action', command: { text: 'Edit', click: editItem}},
            {field: 'Name',title: 'Name'}]"/>

the script:
editItem = function (item) {
            location.href = 'Item/Edit/' + item.Id;
}
Thus, what I want to do is pass the item (or directly the itemId) to my editItem function. Now item is the created button.
How can I do this?
Rosen
Telerik team
 answered on 11 Jan 2013
1 answer
1.6K+ views
I cant get a dropdown list to work, this is the first time Ive used kendo and as far as im aware Im using it correctly but I cant get the dropdown list to show.  Heres the code

<li>
               @Html.LabelFor(m => m.UserRole)
               @Html.Kendo().DropDownListFor(m => m.UserRole).BindTo(Model.UserRoles).AutoBind(true).SelectedIndex(0)
           </li>

Model.UserRoles is populated with 3 items.  Firebug console is showing this error

TypeError: jQuery("#UserRole").kendoDropDownList is not a function


and this is the HTML rendered

<li>
<label for="UserRole">User role</label>
<input id="UserRole" type="text" name="UserRole" data-val-required="The User role field is required." data-val="true">
<script>
jQuery(function(){jQuery("#UserRole").kendoDropDownList({"dataSource":["Agency","Artist","Venue"],"autoBind":true,"index":0});});
</script>
</li>
 can anyone tell me where Im going wrong ?

Iliana Dyankova
Telerik team
 answered on 11 Jan 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?