It is unclear to me how to implement panning and zooming in charts. I had hoped that they worked like the stock charts, but there;s no reference to a navigator in the documentation. When I search the documentation for panning I find nothing, and when I search for zoom it refers to zooming with the mouse wheel, but I can't get any zooming to happen when I mode the mouse wheel over a chart, either pressed or unpressed. I am very anxious to find out how to do it because I have implemented my own panning and zooming and would very much prefer to have Kendo do it for me.

Thanks/ANker

Hi

I have seen lots of examples of how to configure custom validation in grid model to support CRUD.

If you use a popup for editing, but don't specify a template, it works as expected.  The custom rules fire and the popup will not close until errors are fixed.

I cannot find any examples of how to apply custom rules to my model when using a template with a popup.  I need the template to support my CRUD requirements, the default editor doesn't cut it.  I also need some custom validation rules.

It seems as though the custom rules on my schema model are never executed when I specify my template for the popup editing..

I have tried guessing the syntax of using declarative binding for the custom validation, without success.

I have tried hooking into the edit event on the grid and attaching a validator to the popup container.  My custom rules are executed, but not as expected.  They only fire when the values of my controls change, but if you hit the update button again, the popup window closes accepting the invalid data.

I have modified one of the existing CRUD template samples here.  http://jsfiddle.net/yamaan608/Svweg/1/ .

In the example, you can see the template is commented out and the validation works fine.  A custom rule is applied to the age.  If you uncomment the template, you will see no validation takes place.

Any pointers greatly appreciated.

Hi guys,
i'm trying to show a negative currency value for a numeric text box. Currently when I populate the control with a negative value it shows it within brackets without the negative simbol.
How can I achieve that?

I wonder if it is possible to filter the selections of a drop down list on the client side. I need to do this dynamically since the DDL is used in a grid.

Basically, the idea is to remove hide items in the drop down that have been selected in the other rows of the grid. There is a small data set here, so I don't want to do a read each time.

I don't see any event that fires prior to dropdown either.

So, what event fires prior to dropdown? Also, can I prevent dropdown if some condition is meet?

thanks...

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) 

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?

This way ill get my grid datasource which contains sort property, but its just some function. Pls help.

I have a window with select tag in. For example:
The list does not dropdown and I can not select anything.
Reproduced in any kendo ui window.

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

  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.

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 }
                                }
                            }
                        }
                    }
                });