Questions on Kendo UI for jQuery Forum

1 answer

173 views

Hi Guys!

First of all, sorry for my English.

I have a little problem with the inline edit feature.

In my dataSource I have these columns:

columns =
[
{ id: 1, field: 'name', title: 'Name' },
{ id: 2, field: 'extra_info', title: 'Extra Info' },
{ id: 3, field: 'localnames[0]', title: 'Localname 1', template: "#=name#" },
{ id: 4, field: "localnames[1]", title: 'Localname 2', template: "#=name#" },
{ command: [{ name: "edit", text: "Edit" },{ name: "destroy", text: "Remove" }] }
];

In my list, i have an array "localnames", and when I was rendering the grid, in the column "Localname 1" and "Localname 2" the text was showing [Object]. To solve this I used "template: "#=name#"" to render the name of the object localname[0].

But now, while I'm using the inline-edit, when I click on the edit button, the grid show me [Object] to edit. How can I solve this?
Anyone had this problem before?

Thanks for your help and sorry for my English.

Grid

answered on 11 Aug 2014

1 answer

868 views

[Solved] Locked columns and percentage widths

Hi,

It seems that locked columns do not display properly if their width is set as a percentage rather than a fixed pixel width. Is this a known issue/limitation?

I modified the locked column demo to show the problem:

http://dojo.telerik.com/uCig

Percentages work fine as long as there are no locked columns, but as soon as one is added the grid no longer displays correctly.

Thanks,
Nick

Grid

answered on 11 Aug 2014

8 answers

698 views

[Solved] Mouse-over on item in a ListView

Hi:

I would like to bind the mouse-over event to items in a ListView. I found this example with Observable.
http://demos.telerik.com/kendo-ui/mvvm/event

<ul id ="listView2" class="k-list-container" style="width: 200px;"></ul>

<script id='officer-template2' type='text/x-kendo-template'>

<li data-bind="events:{ mouseover: listener }"><h3>#= title #</h3> <div>#= name #</div></li>

</script>

<script type='text/javascript'>

$("#listView2").kendoListView({

dataSource: {

data: [{ name: 'M.P.', title: 'President' },

{ name: 'J.O.C.', title: 'Vice President' },

{ name: 'P.H', title: 'Treasurer' },

{ name: 'B.R.M.', title: 'Webmaster' }]

},

template: kendo.template($('#officer-template').html()),

selectable: true

});

</script>

Phil

ListView

answered on 11 Aug 2014

1 answer

107 views

Mobile ListView

Is it possible to implement DrapDrop on a mobile ListView?

I have the list set up like this:

var vm = kendo.observable({
           isVisible: true,
           onTest1: function (e) {
               kendoConsole.log("event :: test1(" + kendo.stringify(e.model, null, 4) + ")");
           },
           products: new kendo.data.DataSource({
               schema: {
                   model: {
                       id: "ProductID"
                   }
               },
               batch: false,
               transport: {
                   read: {
                       url: "http://demos.telerik.com/kendo-ui/service/products",
                       dataType: "jsonp"
                   }
               }
           })
       });

       kendo.bind($("#content"), vm, kendo.mobile.ui);

Drag and Drop

answered on 11 Aug 2014

1 answer

132 views

Server-side paging grid with AngularJS REST

I can't seem to find any examples of this. I need to have a KendoUI grid that has server-side paging and uses angularjs $response or $http as it's data source. Every example I have seen requires kendo.data.DataSource in order to accomplish server-side paging.
Please advise.

Grid

answered on 11 Aug 2014

2 answers

163 views

[Solved] Loading kendo.dropdownlist.min.js with requirejs leads to a timeout

I already have loaded tooltip and grid but now I have problems with loading dropdownlist. It always runs into the timeout even if I waitSeconds: 200. For me it seems that there might be some dependency issues, but I have already checked all the baths and that looks ok.
What reason could there be to get the timeout?

DropDownList

answered on 11 Aug 2014

9 answers

284 views

[Solved] Navigating to different page

Hello,

I am using app.navigate("homepanel.html") onClick event of a button from a login page..
On navigation to the homepanel.html, its contents are not displayed. Only the header and footer is displayed.
If I go directly to the page, everything works well and I see all the contents on the page.
Please help to resolve this issue. I have attached the code for homepanel.html

Thanks for your time and help.

Application

answered on 11 Aug 2014

1 answer

91 views

Ordering and filtering columns based on the template value, not the datasource value

Hello, i need to have the grid columns filtering and ordering based on the template value (the text that is shown on the column´s cells) and not based on the dataSource value, and i dont know how to achieve this but i´m sure this can be done easily.
For example, if i have the datasource [{'prop':'A'},{'prop':'B'},{'prop':'C'}], and the template renders 2 for A, 1 for B and 3 for C.
Expected ordering would be: 3,2,1 if descending, or 1,2,3 if ascending, but is 2,1,3 for ascending (i guess it´s ordering by the values in the dataSource, not the values in the template) and 3,1,2 for descending.
Same for filtering, if i filter value=3 i don´t see any match, i do see a match if i filter value=B though.
Thanks a lot.

Grid

answered on 11 Aug 2014

3 answers

466 views

Y axis decimal values are repeated in bar charts

In my barchart Y axis decimal values are repeated when i displayed values as one decimal place(please check the attachment)

From my jsonData i got the values as 0.2 after fixed decimal places. the problem appears when template is used like below

axislable = [{<br> title: { text: this._properties['chart.y-axis.label'] },<br> labels: {<br> template: "#= kendo.toString(value, '0,.0;(0,.0)') #" + cuntomPrimaryFormat<br> },

when i remove the template it will working fine? please let me know what's wrong with my custom template? my requirement is the y axis should come as 0.0,0.1,0.2
Full Code

$("#KPIGraphCommon").kendoChart({<br> legend: {<br> position: "top"<br> },<br> series: this._properties['chart.x-axis'

],<br>            valueAxes: axislable,<br>            categoryAxis: catagoryAxisValue,<br>            theme:

"Metro",<br> tooltip: {<br> visible: true,<br> format: "{0}%",<br> template: this._properties['chart.y-axis.label'].indexOf("Amount") > -1 || this._properties['chart.y-axis.label'].indexOf("Days") > -1 ? "#= series.name #: #= kendo.toString(MinusFormat(value)) #" : "#= series.name #: #= kendo.toString(value, '0,.0;(0,.0)') #"

<br>            },<br>            chartArea: {<br>                height: context.getChartHeight(),<br>                width: context.getChartWidth()<br>            },<br>        });<br>    }

Charts

answered on 11 Aug 2014

12 answers

759 views

Is there a KendoUI themed icon toggle button

Looking for a themed icon toggle button as is used in toolbars, such as the "Bold" button in this very forum text editor.

I can find none documented although KendoUI employs them in the toolbar for its own text editor.

Basically these buttons support an image and have on, off, and hover states.

General Discussions

answered on 11 Aug 2014