Telerik Forums
Kendo UI for jQuery Forum
2 answers
129 views
this is relative to this thread
http://www.kendoui.com/forums/kendo-ui-dataviz/chart/how-to-customise-color-of-bars-in-stock-chart.aspx#boMy966aG2OF1P8AAFTdxQ

i wasnt sure if you saw my response or not
so im repoosting

here is my stock chart code
$J($chartD).kendoStockChart({
    dataSource: wData,
    series: [{
        type: "candlestick",
        openField: "open",
        closeField: "close",
        highField: "high",
        lowField: "low",
        categoryField: "cat",
        colorField: "color",
  
        notes:{
            line: {
                width: 0,
                length: 0
            },
            label: {
                font: "bold 9px Open Sans, sans-serif"
            },
            icon: {
                border: {
                    width: 0
                }
            }
        },
  
        tooltip:{
            format: "{4}:<br /> {0:n0} -> {3:n0}"
        }
    }],
    navigator:{
        visible: false
    },
    categoryAxis:{
        categories: cats,
        type: "category",
        labels: {
            font: "bold 9px Open Sans, sans-serif",
            rotation: 90,
            step: 1,
            skip: 0
        }
    },
    valueAxis: {
        labels: {
            format: "N0"
        }
    }
});
here is a portion of the data as outputted by the console:

[Object, Object, Object, Object, Object, Object, Object, Object]
0: Object
cat: "2009"
close: 6831
color: "#75B5CD"
high: 6831
low: 0
noteText: 6831
open: 0
__proto__: Object
1: Object
cat: "Direct Hire"
close: 9185
color: "#4E503F"
high: 9185
low: 6831
noteText: 2354
open: 6831


however just by adding the colors im now getting a js err:
Uncaught TypeError: Object [object global] has no method 'forEach' 

without all the color stuff the chart works great
but i really want custom colors

can you give me ideas why this is happening
thanks!














Iliana Dyankova
Telerik team
 answered on 21 Jan 2014
1 answer
212 views
Hi,

    I'd like to use the new slotTemplate porperty in daily and veewkly views.

    I have readed documentation and tried some code, but I can't understand how to use scheduler object inside this function. Only the date object.

    e.g. I would like to use the resources, group, etc, defined in the scheduler.

thank you
Vladimir Iliev
Telerik team
 answered on 21 Jan 2014
1 answer
118 views
In the column menu under the filter, the first box is defaulted to "Starts With".  We've found that our users are switching this to "Contains" about 90% of the time.  How to we change the default to be "Contains".

Thanks
Jason
Dimiter Madjarov
Telerik team
 answered on 21 Jan 2014
4 answers
596 views
I modified the “Detail Grid” which can be found here:


To use this example with a couple of Java actions instead of the RSS feed. However, I'm having problems filtering the detail data because of the fact that I’m omitting the type: "odata" in my HTML.



So, the original Employees data source looked like this:

dataSource: {
    type: "odata",
    transport: {
    },
    pageSize: 5,
    serverPaging: true,
    serverSorting: true
},



The original Orders data source looked like this:

dataSource: {
    type: "odata",
    transport: {
    },
    serverPaging: true,
    serverSorting: true,
    serverFiltering: true,
    pageSize:6,
    filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
},




The modified Employees data source looks like this:

dataSource: {
    transport: {
        read:  {
            url: "/site/GetEmployee.action",
            dataType: "json",
        },
    },
    pageSize: 5,
    serverPaging: true,
    serverSorting: true
},




The modified Orders data source looks like this:

dataSource: {
    transport: {
        read:  {
            url: "/site/GetOrders.action",
            dataType: "json",
        },
    },
    serverPaging: true,
    serverSorting: true,
    serverFiltering: true,
    pageSize:6,
    filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
},


You’ll notice that I had to make the change to: dataType: "json", in order for this example to work.

Also, if you look inside “kendo.all.js”, you’ll notice that “filter: { }” will only work with “odata”.

Now, any ideas how I can get my sample to work with filtering?
Daniel
Telerik team
 answered on 21 Jan 2014
3 answers
126 views
I'm trying to use a simple master detail grid hierarchy 
but does not load the json service detail information 

this is my code, which is my error? 
Please help

<script>
$(document).ready(function() {
         $("#gridEventosEventos").kendoGrid({
            editable:true,
            height: 474,
           columns: [
               { field: "idEvento", title:"id evento", width: "150px"},
               { field: "nomCliente", title:"Nombre Cliente", width: "150px"},
               { field: "idCliente", title:"Telefono Cliente",  width: "120px" },
               { field: "nomEvento", title: "Celular Cliente", width: "120px" },
               { field: "idProyecto", title: "Email CLiente", width: "120px" },                        
               { field: "nomProyecto", title:"Codigo Ejecutivo Cuenta", width: "150px"},
               { field: "idUnidadDeNegocio", title:"Nombre Ejecutivo Cuenta", width: "150px" },
               { field: "nomUnidadDeNegocio", title:"Codigo Director Cuenta", width: "150px" },
               { field: "idCreadoPor", title:"Nombre Director Cuenta", width: "150px"},
               { field: "nomCreador", title:"Estado Cliente",  width: "120px"},
               { field: "categoria", title: "Nombre estado", width: "120px"},
               { field: "nomCategoria", title:"Nombre Director Cuenta", width: "150px"},
               { field: "estadoEvento", title:"Estado Cliente",  width: "120px"},
               { field: "nomEstadoEvento", title: "Nombre estado", width: "120px"}
           ],
           dataSource: {
            transport: {
                        read: { url :"/SiradSeguridadWS/sirad/api/SiradServletsEventos?consultarEventos",
                        dataType: "json"
                        },
                        parameterMap: function(options, operation) {
                            if (operation !== "read" && options.models) {
                                return {models: kendo.stringify(options.models)};
                            }
                        }
                    },
                    pageSize: 6,
                    serverPaging: true,
                    serverSorting: true,
                    schema: {
                        model: {
                            id: "idEvento",
                            fields: {
                            idEvento: {editable: true, nullable: true},
                            nomCliente: {editable: true, nullable: true },
                            idCliente: {editable: true, nullable: true },
                            nomEvento: {editable: true, nullable: true },
                            idProyecto: { editable: true, nullable: true },            
                            nomProyecto: { editable: true, nullable: true},
                            idUnidadDeNegocio: {editable: true, nullable: true },
                            nomUnidadDeNegocio: {editable: true, nullable: true },
                            idCreadoPor: {editable: true, nullable: true },            
                            nomCreador: { editable: true, nullable: true },
                            categoria: { editable: true, nullable: true},
                            nomCategoria: {editable: true, nullable: true },
                            estadoEvento: {editable: true, nullable: true },
                            nomEstadoEvento: {editable: true, nullable: true }
                            }
                        }
                  }
           },
           detailInit: detailIniteventos,
                dataBound: function() {
                    this.expandRow(this.tbody.find("tr.k-master-row").first());
                }
          });        
    });
    
    function detailIniteventos(e) {
                 $("<div/>").appendTo(e.detailCell).kendoGrid({
                 dataSource: {
                     transport: {
                         read: "/SiradSeguridadWS/sirad/api/SiradServletsEventos?consultarVersionEventos",
                         dataType: "json"  
                     },
                     parameterMap: function(options, operation) {
                         if (operation !== "read" && options.models) {
                             return {models: kendo.stringify(options.models)};
                         }
                     },
                     serverPaging: true,
                     serverSorting: true,
                     serverFiltering: true,
                     pageSize: 5,
                     schema: {
                     model: {
                         id: "idVersionEvento",
                         fields: {
                          idEvento: {editable: true, nullable: true},
                          idVersionEvento: {editable: true, nullable: true },
                          nomVersionEvento: {editable: true, nullable: true },
                          idCreadoPor: {editable: true, nullable: true },
                          nomCreadoPor: { editable: true, nullable: true },            
                          idDirigidoA: { editable: true, nullable: true},
                          nomDirigidoA: {editable: true, nullable: true },
                          comentario: {editable: true, nullable: true },
                          requiereSeguimiento: {editable: true, nullable: true },            
                          fechaDeSeguimiento: { editable: true, nullable: true }
                         }
                     },
                },
                     filter: { field: "idCliente", operator: "eq", value: e.data.idCliente }
                 },
                 scrollable: false,
                 sortable: true,
                 pageable: true,
                 columns: [
                     { field: "idVersionEvento", width: "70px" },
                     { field: "nomVersionEvento", title:"Ship Country", width: "110px" },
                     { field: "nomCreadoPor", title:"Ship Address" },
                     { field: "nomDirigidoA", title: "Ship Name", width: "200px" }
                 ]
    });
         }
    
     </script>
Kiril Nikolov
Telerik team
 answered on 21 Jan 2014
7 answers
190 views
Hi,

I am trying to display the remote data bound items in a dropdownlist without underscores, to achieve a 'user-friendly' display. (ie. Customer Name instead of Customer_Name).  How could this be accomplished? 

I did come across this:
$('.name').each(function() {
    var $this = $(this);
 
    $this.text($this.text().replace(/_/g, ' '));
});

Just not sure where best to tackle this seemingly easy replacement.

Thanks in advance!

Daniel
Telerik team
 answered on 20 Jan 2014
4 answers
295 views
I have seen mobile websites with input fields which bring up a numerical keypad by default (say for entering quantity or banking number, etc).

Is there a way to accomplish this with kendo?
Michael
Top achievements
Rank 1
 answered on 20 Jan 2014
3 answers
1.4K+ views
Hi all.
My name is Benjamin and I am very new to Kendo UI. 
I am creating an editable grid like the one on this page http://demos.kendoui.com/web/grid/editing-popup.html to a localhost mysql database.
Please can someone show me the steps, 

I was trying to follow the php code on the page but I can't see the lib folder in my download version and i can't see the following files too.
require_once '../../lib/DataSourceResult.php';
require_once '../../lib/Kendo/Autoload.php';

then I don't know how to connect the datasource to my mysql database too. There is no documentation in there.
thank you in advance.



Petur Subev
Telerik team
 answered on 20 Jan 2014
11 answers
279 views


We have an app that uses listview with remote datasource. The app worked well and we recently updated it to use latest kendo (commercial) and cordova 3.2.0 Since then we have a very strange behavior of the listview with Android devices (with iOS it all works well):
The first time we reach the view with the listview, it does not appear.But we found that if we do one of the following somehow the listview shows up:
- if we add alert("anything") right after the kendoMbolieListView line OR
- if we change to any other view and then come back to the view with the listview

And more insights: When we run the app using Android emulator it works well and we do see the listview but when we run it on device this is when we experience this problem (for example - Google Nexus 7 with Android 4.4.2)

Listview is created using the following code:

$("#events-list").kendoMobileListView({
        dataSource: dayDataSource,
        template: $("#eventTemplate").html()        
     });

Any ideas how to solve the strange issue will assist (of course we do not want to alert anything in production app)
Kiril Nikolov
Telerik team
 answered on 20 Jan 2014
3 answers
288 views
Hi,

I have a Kendo UI grid. On its Edit mode I have implemented Template file. That template file consist of text box, label and  Grid.
And in Edit template grid, I required to bind dropdownlist.  I have created dropdownlist template for it.

My issue is instead of allowing inline edit It display javascript on the page. It gives javascript error "Unterminated string constant" if I run it in Internet Explorer.

Please find sample project for the issue.

Regards,
Anand
Petur Subev
Telerik team
 answered on 20 Jan 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
Map
Drag and Drop
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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?