Telerik Forums
Kendo UI for jQuery Forum
0 answers
185 views
I want to translate enumerators and still have working filters.
For example:
enum Sex{
Male,
Female,
Other
}
I want to translate its values accorting to selected language in my application.

From my findings I know that enum values are gathered during JSON serialization and stored in "values" property of enum column.
I tried replacing it after grid creation on client side, but it didn't have any efect.
On the serwer side there sems to be no way to change those values.
Is there any way to change them? (apart from parsing generated html - that is my last resort) 
saygon
Top achievements
Rank 1
 asked on 21 Nov 2012
0 answers
139 views
Hi, i am trying to get grids sort direction and field using just jquery. I am making an export accoring to filter and sort of Kendo table, I have my own filtering components so there is no problem getting filters, but what about the sorting? Is there some way how to do this?

var data = $("#DbOperatorReportResults").data("kendoGrid").dataSource;
This way ill get my grid datasource which contains sort property, but its just some function. Pls help.

Michal
Top achievements
Rank 1
 asked on 21 Nov 2012
1 answer
156 views
I have a window with select tag in. For example:
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
The list does not dropdown and I can not select anything.
Reproduced in any kendo ui window.
Dimo
Telerik team
 answered on 21 Nov 2012
1 answer
254 views
I've got an inline editable grid setup with two AutoComplete fields. When something is selected in one of the AutoCompletes, I'm using some of the additional data in the dataItem to set the value of the other AutoComplete.

This is all seems to be working visually -- the appropriate value appears in the second AutoComplete when the first is selected, but on saving the row, the value of the second AutoComplete is blank.

It's not a problem with the create/update functions, as the value of the second autoComplete is saved if I actually select a value.

Can anyone explain why this is happening?

Thanks
M
Top achievements
Rank 1
 answered on 21 Nov 2012
0 answers
114 views
  I am create a json file and want to this json data will display in kendoUi grid.
 I had   written the code what ever in your demo but it is blank page is came.
what is the problem
Trilochan
Top achievements
Rank 1
 asked on 21 Nov 2012
3 answers
353 views
Hi guys,

I am trying to get the Popup Edit menu to work and I have implemented it as seen in the code below. However, whenever I do not update the row but cancel or close the window, the selected row is removed from the grid. I did add an id field to the model so that should not be the issue. The openOrdersList is an Array that receives its data from the server a few seconds after the grid is initialized. Please assist!

Thanks,
Jose



                var gridOpenOrders = $("#gridOpenOrders").kendoGrid({
                    scrollable: false,
                    sortable: {
                        mode: "single",
                        allowUnsort: false
                    },
                    pageable: true,
                    filterable: true,
                    selectable: "row",
                    editable: {
                        mode: "popup",
                        template: $("#tmplPopupEditor").html()
                    },
                    height: 200,
                    columns: [
                        { field: "TimeStamp", title: "TimeStamp", width: 200, editable: false, attributes: { class: "grid-leftalign"} },
                        { field: "Symbol", title: "Symbol", width: 100, attributes: { class: "grid-centeralign"} },
                        { field: "Side", title: "Side", width: 75, attributes: { class: "grid-centeralign"} },
                        { field: "Price", title: "Price", width: 100, template: '#= priceFormatter(Price, Symbol) #', attributes: { class: "grid-centeralign"} },
                        { field: "Qty", title: "Qty", width: 100, template: '#= quantityFormatter(Qty) #', attributes: { class: "grid-centeralign"} },
                        { field: "CumQty", title: "CumQty", width: 100, template: '#= quantityFormatter(CumQty) #', attributes: { class: "grid-centeralign"} },
                        { field: "StopPrice", title: "Stop Price", width: 100, template: '#= priceFormatter(StopPrice, Symbol) #', attributes: { class: "grid-centeralign"} },
                        { field: "StopTriggerSide", title: "Stop/Trail Side", width: 125, template: '#= triggerSideFormatter(StopTriggerSide) #', attributes: { class: "grid-centeralign"} },
                        { field: "TrailingStopTriggerPrice", title: "Trail Trigger", width: 100, template: '#= priceFormatter(TrailingStopTriggerPrice, Symbol) #', attributes: { class: "grid-centeralign"} },
                        { field: "TrailingStopAmount", title: "Trail Amount", width: 75, template: '#= amountFormatter(TrailingStopAmount) #', attributes: { class: "grid-centeralign"} },
                        { field: "MinQty", title: "Min Fill", width: 100, template: '#= quantityFormatter(MinQty) #', attributes: { class: "grid-centeralign"} },
                        { field: "MaxShow", title: "Max Show", width: 100, template: '#= quantityFormatter(MaxShow) #', attributes: { class: "grid-centeralign"} },
                        { field: "AvgPrice", title: "Avg Fill Px", width: 100, template: '#= priceFormatter(AvgPrice, Symbol) #', attributes: { class: "grid-centeralign"} },
                        { field: "Type", title: "Type", width: 100, attributes: { class: "grid-centeralign"} },
                        { field: "TimeInForce", title: "TIF", width: 75, attributes: { class: "grid-centeralign"} },
                        { field: "OrderStatus", title: "Status", width: 100, attributes: { class: "grid-centeralign"} },
                        { command: [{ name: "edit", text: "Update" }, { name: "destroy", text: "Cancel"}], title: "", width: 200, attributes: { class: "grid-centeralign"} }
                    ],
                    dataSource: {
                        data: openOrdersList,
                        pageSize: 4,
                        sort: { field: "TimeStamp", dir: "desc" },
                        schema: {
                            model: {
                                id: "OrderId",
                                fields: {
                                    OrderId: { type: "string", editable: false, nullable: false },
                                    TimeStamp: { type: "string", editable: false, nullable: false },
                                    Symbol: { type: "string", editable: false, nullable: false },
                                    Side: { type: "string", editable: false, nullable: false },
                                    Price: { type: "number", editable: true, nullable: false, validation: { required: true} },
                                    Qty: { type: "number", editable: true, nullable: false, validation: { required: true, min: 1} },
                                    CumQty: { type: "number", editable: false, nullable: false },
                                    StopPrice: { type: "number", editable: true, nullable: false, validation: { required: true} },
                                    StopTriggerSide: { type: "string", editable: false, nullable: false },
                                    TrailingStopTriggerPrice: { type: "number", editable: true, nullable: false, validation: { required: true} },
                                    TrailingStopAmount: { type: "number", editable: true, nullable: false, validation: { required: true} },
                                    MinQty: { type: "number", editable: false, nullable: false },
                                    MaxShow: { type: "number", editable: false, nullable: false },
                                    AvgPrice: { type: "number", editable: false, nullable: false },
                                    Type: { type: "string", editable: false, nullable: false },
                                    TimeInForce: { type: "string", editable: false, nullable: false },
                                    OrderStatus: { type: "string", editable: false, nullable: false }
                                }
                            }
                        }
                    }
                });
Petur Subev
Telerik team
 answered on 21 Nov 2012
2 answers
176 views
The following errors occur:

"NetworkError: 403 Forbidden - http://cdn.kendostatic.com/2012.3.1025/js/kendo.all.min.js"
"NetworkError: 403 Forbidden - http://cdn.kendostatic.com/2012.3.1025/styles/kendo.common.min.css"
"NetworkError: 403 Forbidden - http://cdn.kendostatic.com/2012.3.1025/js/kendo.all.min.js"
Alex Gyoshev
Telerik team
 answered on 21 Nov 2012
0 answers
138 views
I have built a simple page following the intro to PHP and the Kendo UI.  I have added a detail row using the detailInit method.  The combo box populates properly, and I can add associated records as needed.  However, when I try to delete them, the call fails.  Actually, the item is removed from the sub grid, but when I hit "save changes", nothing happens.  I have tried this in Firefox using Firebug, and I can see the GET methods when loading the grid and the data for the sub grid.  I can see the POST when the new association between the primary and secondary data types.  However, when I hit "save changes", there is no communication with the server.  I have followed the instructions in the comments on the blog entry, but am unable to delete.  Does anyone have a solution for this problem?
James
Top achievements
Rank 1
 asked on 21 Nov 2012
1 answer
96 views
What tools (other then visual studio) are people using to develop pages and sites with HTML5, CSS3, jQuery, javascript and Kendo UI?
My current mix is: Dreamweaver for HTML5 overall layout and VIM for javascript.  This is a somewhat limited wysiwig dev platform (as compared to flashbuilder).

Thanks in advance for you insights!

Paula
Jesse
Top achievements
Rank 2
 answered on 21 Nov 2012
0 answers
109 views
IE8 seems to take a long time to build up the grid (with 7 columns) as compare to other browsers like Google Chrome. Any suggestions on how to improve the performance?

I have virtual scrolling setup with page size of 50, I noticed the pause in scrolling when page size limit was reached. The scrolling will become unresponsive for a moment while the grid takes its time to build up the UI. The response time does improve with smaller page size. Page size of 5 equals to a smooth scrolling. However, the initial load of 5 rows are too few for the display area of the grid. Is there a way I can keep the responsiveness of the scrolling while fill up the grid visual area at initial load?

Doug
cecilUOA
Top achievements
Rank 1
 asked on 21 Nov 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
Styling
ColorPicker
Pager
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
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?