Telerik Forums
Kendo UI for jQuery Forum
1 answer
369 views
Hello, 

could you please provide an example how to bind a mobile listview to a hierarchical datasource bound to local json data?
When I try to load child nodes, I get a type error that undefined is not a function.

var node = dataSource.at(0);
node.load(); 

Is it possible to slide the listview content instead of the entire view, when I don't want to use a splitview?

Kind regards
Axel

Alex Gyoshev
Telerik team
 answered on 06 Oct 2014
1 answer
233 views
Hello Team,

I have a situation where I need to move categoryAxis labels position to right, under vertical line as in the value axis labels. I didn't need to have it under series as default.
for having what I need I have set categories.labels.padding.left (see: http://jsfiddle.net/dBaSC/105/ ), but in this way I am having some design issues.
So, my question is how can I do this without padding option ?

thanks in advance
Iliana Dyankova
Telerik team
 answered on 06 Oct 2014
3 answers
180 views
We would like to apply our own theme to some of the dataviz controls, ScatterChart etc.
We are using AngularJS and I am not able to figure out how to apply my custom theme without resorting to jQuery.

I am also unable to figure out how to set a gradient background to the charts, is this possible?

Thanks
Iliana Dyankova
Telerik team
 answered on 06 Oct 2014
3 answers
237 views
Does some one have a  code example of a map (or multiple maps) using a shared datasource with the map widget?
Alexander Popov
Telerik team
 answered on 06 Oct 2014
6 answers
359 views
Maybe this is fixed in the v2012.3.1121 internal build?  I don't have access to that download.  All I see is the v2012.3.1114 build.

I upgraded from v2012.2.710 to v2012.3.1114. After that my treeview templates started responding to the mouseup event when I wanted to edit a value in a control within the template.  When I click in a textbox on mouseup the control looses focus and the tree node selector gains focus instead. If I click into the textbox then while holding down on the mouse button move the cursor out of the tree container the cursor keeps its focus on the control I originally clicked.  This makes the controls in a tree node unable to edit.  Every time a user clicks in a control to start editing the control losses focus and the tree arrow becomes focused. 
Manuel Hernandez
Top achievements
Rank 1
 answered on 06 Oct 2014
2 answers
291 views
Hello, Kendo Team
  I'm a newbie for KendoUI Mobile,a quick question,can I change the TabTrip orientation to vertical,just like a ListView with  TabTrip features.
  By default,TabTrip will display all cells in one row, and I want to display all cells in one column.

Thanks 
Joe
Top achievements
Rank 2
 answered on 03 Oct 2014
3 answers
681 views
I have a OData service that returns the following json.
I need to convert the json into a Kendo datasource that can be bound to a read-only grid.
Here is the json.

{
    "@odata.context":"http://localhost/DataService/Data","value":[
    {"ID":1,"Description":"Test 1"}
    ,{"ID":2,"Description":"Test 2"}
    ,{"ID":3,"Description":"Test 3"}]
}

I have tried something as simple as the following but this does not work.
I have used fiddler and I am seeing the json getting returned correctly.

<script>
$(document).ready(function () {
    var crudServiceBaseUrl = "http://localhost/DataService/Data",    
        dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: crudServiceBaseUrl,
                    dataType: "json",
                    type: "POST"
                },
               parameterMap: function (data, operation) {
                   alert(JSON.stringify(data));
                   return JSON.stringify(data);
                },
                autoSync: false,
                schema: {
                    model: {
                        id: "ID"
                    }
                }
            }
        });

    $("#grid").kendoGrid({
        dataSource: dataSource,
        columns: [
            { field: "ID", title: "ID", width: 70 }]
    });

});
</script>

I used the following online fiddle as a test and it worked fine when using local "echo".
http://jsfiddle.net/valchev/AC9tV/

I have also posted the question here.
http://stackoverflow.com/questions/26130634/kendo-datasource-odata-custom-json



James
Top achievements
Rank 1
 answered on 03 Oct 2014
2 answers
718 views
Hello,

I am having some trouble getting a kendo grid to work with inline (batch) editing on local data.
I can only save/transmit the data once the data in the grid is complete, as single items in the grid are not valid data on their own. Because of this I want to edit the data in my local data model.

I can create and edit just fine, until I cancel  editing of any (new) item. Especially if I click the edit button of a different row while editing another (ie: do not click 'update' but a different 'edit' button). Then rows start disappearing whenever I click 'edit'. Sometimes they reappear and get duplicated etc.

I experimented with some code to reproduce this problem: http://jsfiddle.net/SDns9/

When pressing 'edit' of a predefined product while editing a new (yet unsaved) one, this unsaved one will disappear.
With a bit of messing around these unsaved ones will reappear all at once again.

Steps to reproduce:
  1. click 'add new record', enter "data1" as name, click 'update'
  2. click 'add new record', enter "data2" as name, click 'edit' of data1
  3. watch as data2 disappears
  4. click 'edit' of data1
  5. watch as data1 disappears
  6. click 'edit' of product1
  7. watch as data1 reappears
  8. click 'edit' of data1
  9. nothing happens
  10. click 'edit' of data1 again
  11. watch as data1 disappears

Rosen
Telerik team
 answered on 03 Oct 2014
7 answers
319 views
Hello,

I have a grid for ticket lines, bound to this data (some fields removed for brevity):
   
      "lineId":"2_1",
      "ticketId":2,
      "lineNo":1,
      "itemNo":"EVERAA",
      "qty":1,
      "price":0.99,
      "isSerialized":false,
      "serials":[ ]
   },
   
      "lineId":"2_2",
      "ticketId":2,
      "lineNo":2,
      "itemNo":"S-022933",
      "qty":2,
      "price":189.94,
      "isSerialized":true,
      "serials":[ 
         
            "serialNo":"AAAAAAA"
         },
         
            "serialNo":"BBBBBBBB"
         }
      ]
   }
]
Please note the "serials" array.

The grid has a custom edit form, in which there is a button to add / remove serial numbers.

In the schema for the grid, I have included the serials field like this:
schema: {
    model: {
        id: "lineId",
        fields: {
            lineId: { type: "string" },
            ticketId: { type: "number" },
            lineNo: { type: "number" },
            itemNo: { type: "string" },
            isSerialized: { type: "boolean"},
            price: { type: "number" },
            qty: { type: "number" },
            serials: { defaultValue: { serialNo: "" } }
        }
    }
}

The problem is that I do not know how to bind the serial number array to the grid in the serial number form, so that serial numbers can be added or deleted and of course persisted to the data store when the ticket line they belong to is saved.

Here is a plunker: http://plnkr.co/edit/VJXUoTn2qCHbgGauWXGi?p=preview

In the plunker, two lines are displayed in the grid.  The second line has two serial numbers; when you click Edit on it, and then on the Serial Number button, I would like for the two serial numbers to show up there (in such a way that they additions / deletions are persisted properly, per the above).

Thanks,
Lars
Alexander Popov
Telerik team
 answered on 03 Oct 2014
1 answer
501 views
I am getting Minification failed errors when trying to bundle together Kendo CSS & JS (separately in ScriptBundle & StyleBundle).  Here is the bundle code from BundleConfig.cs:

bundles.Add(new ScriptBundle("~/Scripts/kendo/responsive-kendojs")
                .Include("~/Scripts/kendo/jquery.min.js")
                .Include("~/Scripts/kendo/kendo.all.min.js")
                .Include("~/Scripts/kendo/kendo.aspnetmvc.min.js"));

and

bundles.Add(new StyleBundle("~/Content/kendo/responsive-kendocss")
                .Include("~/Content/kendo/kendo.common.min.css")
                .Include("~/Content/kendo/kendo.common-bootstrap.min.css")
                .Include("~/Content/kendo/kendo.bootstrap.min.css")
                .Include("~/Content/kendo/kendo.mobile.all.min.css")
                .Include("~/Content/kendo/kendo.dataviz.min.css")
                .Include("~/Content/kendo/kendo.dataviz.bootstrap.min.css"));

When I load my page, the bundles come across properly, but when I inspect the contents of the bundles, I see this content:

for request:
http://localhost:2952/Scripts/kendo/responsive-kendojs?v=xBcra9G7ySZaZKhcyL_pQa3jyJ0xPNrIODFoRbbwXqA1

/* Minification failed. Returning unminified contents.
(47,9295-9302): run-time error JS1019: Can't have 'break' outside of loop: break e
(47,8578-8585): run-time error JS1019: Can't have 'break' outside of loop: break e
*/

and

for request:
http://localhost:2952/Content/kendo/responsive-kendocss?v=95SMW4BbxMxlmxetk9pG-NULh83t6TL_m0-g32mfJzU1

/* Minification failed. Returning unminified contents.
(36,46845): run-time error CSS1030: Expected identifier, found '.'
(36,46852): run-time error CSS1031: Expected selector, found ')'
(36,46852): run-time error CSS1025: Expected comma or open brace, found ')'
(36,59002): run-time error CSS1030: Expected identifier, found '.'
(36,59010): run-time error CSS1031: Expected selector, found ')'
(36,59010): run-time error CSS1025: Expected comma or open brace, found ')'
(36,85507): run-time error CSS1030: Expected identifier, found '.'
(36,85520): run-time error CSS1031: Expected selector, found ')'
(36,85520): run-time error CSS1025: Expected comma or open brace, found ')'
(36,100242): run-time error CSS1030: Expected identifier, found '.'
(36,100250): run-time error CSS1031: Expected selector, found ')'
(36,100250): run-time error CSS1025: Expected comma or open brace, found ')'
(36,101745): run-time error CSS1030: Expected identifier, found '.'
(36,101753): run-time error CSS1031: Expected selector, found ')'
(36,101753): run-time error CSS1025: Expected comma or open brace, found ')'
(36,101810): run-time error CSS1030: Expected identifier, found '.'
(36,101818): run-time error CSS1031: Expected selector, found ')'
(36,101818): run-time error CSS1025: Expected comma or open brace, found ')'
(36,101911): run-time error CSS1030: Expected identifier, found '.'
(36,101919): run-time error CSS1031: Expected selector, found ')'
(36,101919): run-time error CSS1025: Expected comma or open brace, found ')'
*/

I am currently using v2014.2.716 and VS2010 and MVC4.

Please let me know if you need additional info.
Thanks,
--Ed
Petur Subev
Telerik team
 answered on 03 Oct 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?