Questions on Kendo UI for jQuery Forum

5 answers

808 views

How to append a selected Item?

I have a multiselect with 3 items selected, I want to add or append a fourth selected item. How do I do this?

MultiSelect

answered on 11 Aug 2014

1 answer

158 views

Inline Edit shows "[Object]"

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

843 views

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

666 views

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

89 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

126 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

143 views

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

266 views

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

73 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

443 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