or
7 answers
372 views
Hi
On Desktop I use kendoButton, on mobile I use kendoMobileButton, either way at the moment the object I bind to will look something like:
<button onclick=""/>
I recently found out about the 300ms delay on iPhones, apparently I should use something like the below on iPhones
<button data-role="button" data-click="...
i.e. use data-click rather than onclick.
This doesn't seem to work on desktop.
- Is there a common way of setting click on a button on both the kendoButton and kendoMobileButton?
- If not what approaches are available?
i.e. I saw an example with data-bind="onclick... but couldn't get that to work on desktop either, guessing that's a MVVM model (which I don't use)
I have Partial Views in Asp.Net MVC which are common to desktop and mobile, I don't really want to introduce the below everywhere
if (mobile)
button style 1
else
button style 2
thanks
On Desktop I use kendoButton, on mobile I use kendoMobileButton, either way at the moment the object I bind to will look something like:
<button onclick=""/>
I recently found out about the 300ms delay on iPhones, apparently I should use something like the below on iPhones
<button data-role="button" data-click="...
i.e. use data-click rather than onclick.
This doesn't seem to work on desktop.
- Is there a common way of setting click on a button on both the kendoButton and kendoMobileButton?
- If not what approaches are available?
i.e. I saw an example with data-bind="onclick... but couldn't get that to work on desktop either, guessing that's a MVVM model (which I don't use)
I have Partial Views in Asp.Net MVC which are common to desktop and mobile, I don't really want to introduce the below everywhere
if (mobile)
button style 1
else
button style 2
thanks
Petyo
Telerik team
answered
on
19 Feb 2015
1 answer
305 views
Kendo UI Grid, Group Header not collapsed when using row template
I'm using Kendo UI grid, which has a Group by default. In the group header, it shows some aggregate info. It also uses row template to show row info, i.e. show a Check mark for 'True', Cross mark for 'False'. The code is at below:
It works fine and show the grid correctly. However, if I click to collapse the group header (Yellow circle in below screen shot), it does not work. But if I do not use row template, i.e. comment out this line:
rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),
Then it works fine (but I want to show the image for Downloaded column).
Is this a bug in Kendo? Anyone knows what I did wrong? Thanks.
I'm using Kendo UI grid, which has a Group by default. In the group header, it shows some aggregate info. It also uses row template to show row info, i.e. show a Check mark for 'True', Cross mark for 'False'. The code is at below:
<script id="rowTemplate" type="text/x-kendo-tmpl"> <tr> <td> </td> <td> #: Portfolio # </td> <td> #: Folder # </td> <td> #: FileName # </td> <td> #: DocumentType # </td> <td> #: ActionTime # </td> <td> #: UserName # </td> <td> #: CompanyName # </td> <td> <img src="Images/downloaded_#:data.Downloaded#.png" alt="downloaded_#:data.Downloaded#.png" /> </td> </tr></script>var dataSource = new kendo.data.DataSource( { schema: { model: { fields: { ... (some other fields) DocumentType: { type: "string" }, CompanyName: { type: "string" }, Downloaded: { type: "number" } } } }, pageSize: 200, group: { field: "CompanyName", aggregates: [ { field: "CompanyName", aggregate: "count" }, { field: "DocumentType", aggregate: "count" }, ] }, aggregate: [{ field: "CompanyName", aggregate: "count" }, { field: "DocumentType", aggregate: "count" }, { field: "Downloaded", aggregate: "sum" }, ] }); ... (some other configurations) dataSource: dataSource, columns: [ ... (some other fields) { field: "DocumentType", title: "Document Type", width: "80px" }, { field: "CompanyName", title: "Company Name", width: "100px" , aggregates: ["count"] , groupHeaderTemplate: "Company Name: #=value# (#=getDownloaded(data)# / #=count#)" }, { field: "Downloaded", title: "Downloaded", width: "50px" }, ], sortable: true, filterable: true, selectable: true, pageable: { refresh: false, pageSizes: [10, 20, 50, 100, 200], // true, buttonCount: 5 }, scrollable: false, rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),});It works fine and show the grid correctly. However, if I click to collapse the group header (Yellow circle in below screen shot), it does not work. But if I do not use row template, i.e. comment out this line:
rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),
Then it works fine (but I want to show the image for Downloaded column).
Is this a bug in Kendo? Anyone knows what I did wrong? Thanks.
Rosen
Telerik team
answered
on
19 Feb 2015
1 answer
112 views
Hey everyone!
I got the requirement to implement a date-picker that has the look&feel of the ios7 date-picker. Can I somehow force the ios styling of that one control to all platforms?
And no, I don't want the whole app to look like ios7. Just the date-picker.
Thanks in advance!
I got the requirement to implement a date-picker that has the look&feel of the ios7 date-picker. Can I somehow force the ios styling of that one control to all platforms?
And no, I don't want the whole app to look like ios7. Just the date-picker.
Thanks in advance!
Georgi Krustev
Telerik team
answered
on
19 Feb 2015
2 answers
92 views
Hi
I took your example and have a question about it.
http://dojo.telerik.com/okESe/2
In the detailInit I do not want to show details for "Nancy" from "Seattle" hence that row should also not have a "dropdown icon".
I tried by just not returning anything in the detailInit function for Nancy, that does indeed show no data below her but the icon is still there.
How can I hide the dropdown icon for rows which do not have data below them?
Many thanks
I took your example and have a question about it.
http://dojo.telerik.com/okESe/2
In the detailInit I do not want to show details for "Nancy" from "Seattle" hence that row should also not have a "dropdown icon".
I tried by just not returning anything in the detailInit function for Nancy, that does indeed show no data below her but the icon is still there.
How can I hide the dropdown icon for rows which do not have data below them?
Many thanks
1 answer
254 views
Updating to kendo v2014.3.1316 breaks ScrollView with customTemplate. Even the example on your demo site is now broken http://demos.telerik.com/kendo-ui/scrollview/custom-template
This produces a Unable to get property 'id' of undefined or null reference error in the web console and kills the scrollview and view processing in mobile application completely. Forcing app restart.
​
This produces a Unable to get property 'id' of undefined or null reference error in the web console and kills the scrollview and view processing in mobile application completely. Forcing app restart.
​
Kiril Nikolov
Telerik team
answered
on
19 Feb 2015
9 answers
350 views
Hello,
I'm implementing the imagebrowser in my project. I want to use a custom schema for my imagebrowsing backend api. I see in the api docs that there are such possibilites, but I couldnt find an example. The example in the demos for imagebrowser is very basic. Is there maybe a more complete example showing more detailed stuff like custom schemas.
I'm implementing the imagebrowser in my project. I want to use a custom schema for my imagebrowsing backend api. I see in the api docs that there are such possibilites, but I couldnt find an example. The example in the demos for imagebrowser is very basic. Is there maybe a more complete example showing more detailed stuff like custom schemas.
Rosen
Telerik team
answered
on
19 Feb 2015
1 answer
367 views
I'm using Kendo UI v2014.3.1119 and I'm trying to leverage the Kendo UI controls in an existing application, but if that's not possible should I use the HTML5 input type number and AngularJS directive to create a custom element?
1. How do I set the input textbox on the numeric control to read-only but still keep the spinner (up/down) enabled? I need to be able to do this in HTML markup and not JavaScript.
2. How do I disable the spinner (up/down) when the min/max values are reached to prevent the on-spin event from firing when the min/max values are reached?
3. How do I pad the input textbox with zero when the value is less than 10? I’m not sure if this is even possible since the JavaScript number object does not persist leading zeros.
Here is the HTML markup for what I already have, but I'm not sure how it will help answer the questions above
1. How do I set the input textbox on the numeric control to read-only but still keep the spinner (up/down) enabled? I need to be able to do this in HTML markup and not JavaScript.
2. How do I disable the spinner (up/down) when the min/max values are reached to prevent the on-spin event from firing when the min/max values are reached?
3. How do I pad the input textbox with zero when the value is less than 10? I’m not sure if this is even possible since the JavaScript number object does not persist leading zeros.
Here is the HTML markup for what I already have, but I'm not sure how it will help answer the questions above
Georgi Krustev
Telerik team
answered
on
19 Feb 2015
12 answers
1.7K+ views
Is it possible to have multiple aggregates from different columns in the groupHeaderTemplate?
In this example, I can get the count of campaigns in the header, but I would like to have sum of the AmountReceived also in the groupheader. Is this possible
In this example, I can get the count of campaigns in the header, but I would like to have sum of the AmountReceived also in the groupheader. Is this possible
$(document).ready(function () { $("#grid").kendoGrid({ dataSource: { type: "json", transport: { read: "GetData" }, group: [{ field: "Campaign_Desc", aggregates: [ { field: "Campaign_Desc", aggregate: "count" }, { field: "AmountReceived", aggregate: "sum" }, ] }], aggregate: [ { field: "Campaign_Desc", aggregate: "count" }, { field: "AmountReceived", aggregate: "sum" }, ] }, columns: [ { field: "DonorName", title: "Donor" }, { field: "DateReceived", title: "Date" }, { field: "ReceiptNbr", title: "Rcpt #" }, { field: "AmountReceived", title: "Amount", footerTemplate: "Total: #=sum#", groupFooterTemplate: "Total: #=sum#" }, { field: "Campaign_Desc", title: "Campaign", footerTemplate: "Total Count: #=count#", groupHeaderTemplate: "<b>#= value #</b> - Count: #=count#" }, { field: "Source_Desc", title: "Source" }, { field: "TenderType_Desc", title: "Tender" }, { field: "CheckNumber", title: "Check #" }, { field: "GLBatchNumber", title: "Batch" } ], scrollable: false, sortable: true, filterable: true }); });
Iliana Dyankova
Telerik team
answered
on
19 Feb 2015
8 answers
3.8K+ views
Is it possible to put an upload widget in the Custom Editor for an editable grid with a CRUD datasource to a web service?
Here is my concept:
I'd like to have a grid that has columns for a description of a document, who uploaded it, the date uploaded/edited and a link to the uploaded file. With Create in the toolbar, they could add a new record or edit a row to upload an newer version of the file. The upload widget would be in the column with the link to the uploaded file.
Here is my concept:
I'd like to have a grid that has columns for a description of a document, who uploaded it, the date uploaded/edited and a link to the uploaded file. With Create in the toolbar, they could add a new record or edit a row to upload an newer version of the file. The upload widget would be in the column with the link to the uploaded file.
1 answer
826 views
hi there, I have a kendo treeview.
This treeview has 2 levels, parent nodes and children nodes. Some top level nodes don't have children. A user can add or remove nodes at any level. To add a top level node I use append. To add a child node I use insertAfter. What I haven't figured out is how to add a node as a child to a top level node that previously had no children before it. Essentially I need to know how to add the First Child to an existing node.
Thanks,
Coty
This treeview has 2 levels, parent nodes and children nodes. Some top level nodes don't have children. A user can add or remove nodes at any level. To add a top level node I use append. To add a child node I use insertAfter. What I haven't figured out is how to add a node as a child to a top level node that previously had no children before it. Essentially I need to know how to add the First Child to an existing node.
Thanks,
Coty
