or
10 answers
1.8K+ views
Right now I am using:
I like the current toolbar buttons, but I would like to add a custom button.
How can I add a custom button and specify what function it calls?
$("#gridEmailAddress").kendoGrid({ . . toolbar: ["create", "save", "cancel"]});I like the current toolbar buttons, but I would like to add a custom button.
How can I add a custom button and specify what function it calls?
4 answers
182 views
Hi,
I was able to delete records using below code but not the first record on the grid. Looking at the html in firebug, I found out that for the first row's delete button is directly in the div tag and missing the form tag that has the action. Although, I have provided enough width for the last column, the command buttons are stacked. (Check in the attached display screen). Thanks in advance for any help.
I was able to delete records using below code but not the first record on the grid. Looking at the html in firebug, I found out that for the first row's delete button is directly in the div tag and missing the form tag that has the action. Although, I have provided enough width for the last column, the command buttons are stacked. (Check in the attached display screen). Thanks in advance for any help.
@(Html.Kendo().Grid(Model) .Name("Grid") .HtmlAttributes(new { @style = "width:500px;" }) .Editable(editable => editable.Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(true) .TemplateName("Grid") .Window(w => w.Title("Product") .Name("grdWindow") .Animation(true) .HtmlAttributes(new { @style = "width:500px;" }).Modal(true))) .Columns(column => { column.Bound(p => p.ProductID).Width(120); column.Bound(p => p.ProductName).Width(200); column.Bound(p => p.Color).Width(120); column.Command(command => { command.Edit(); command.Destroy(); }).Width(420); }) .Pageable(pager => pager.PageSizes(true).PreviousNext(true )) .Sortable() .Selectable() .DataSource(datasource => datasource .Server().PageSize(5) .Update("EditProduct", "Home") .Destroy("DeleteProduct", "Home") .Model(model => model.Id(p => p.ProductID)) ) )0 answers
101 views
I put together a sample in jsfiddle to better illustrate this issue. I have a kendo tabstrip with a content div element that has a fixed height and auto scrolling if content exceeds the specified height.
http://jsfiddle.net/BjtHc/1/
The problem is specific to IE7 (maybe IE6 - haven't tested)
If I do not style the elements with 'k-textbox', the tab strip scrolling behaves well. If I style the text box elements with 'k-textbox' (or any other kendo input style), they remain stationary.
This example works perfectly in Chrome/Firefox/Safari.
How do I fix this for IE7?
Thanks in advance.
http://jsfiddle.net/BjtHc/1/
The problem is specific to IE7 (maybe IE6 - haven't tested)
If I do not style the elements with 'k-textbox', the tab strip scrolling behaves well. If I style the text box elements with 'k-textbox' (or any other kendo input style), they remain stationary.
This example works perfectly in Chrome/Firefox/Safari.
How do I fix this for IE7?
Thanks in advance.
Ashwin
Top achievements
Rank 1
Rank 1
asked
on
07 Aug 2012
0 answers
120 views
hi.
Kindly can anyone suggest how to do paging when the grid binded with webmethod data. how to pass the parameter skip and take values to the web method or can anyone suggest how to get skip and page parameter and send back to webmethods
Kindly can anyone suggest how to do paging when the grid binded with webmethod data. how to pass the parameter skip and take values to the web method or can anyone suggest how to get skip and page parameter and send back to webmethods
2 answers
256 views
Hi,
I have two treeviews in one page, and upon selecting a node in treeview #1, I'm loading a new datasource in treeview #2 (depending on the selected node in #1, but that's a detail I'm omitting here).
This works fine the first time you select a node in #1. Treeview #2 displays the new data. In fact, it even works on subsequent selections, but an error occurs in #1: "Cannot read property 'uid' of undefined". Treeview #2 still shows the new data, but treeview #1 doesn't get round to highlighting the selected node, because of the error. I have no idea why this is happening.
The following example should show this error. This example code is based off of the standard Kendo demo for using a Hierarchical DataSource. My variation uses a new instance of the same datasource for both treeviews, which makes the example look rather useless, but hopefully it helps to make the point.
I tried the same thing with fixed data, i.e. a datasource that uses fixed, inline data, and that does seem to work.
Any suggestions are greatly appreciated, thanks.
I have two treeviews in one page, and upon selecting a node in treeview #1, I'm loading a new datasource in treeview #2 (depending on the selected node in #1, but that's a detail I'm omitting here).
This works fine the first time you select a node in #1. Treeview #2 displays the new data. In fact, it even works on subsequent selections, but an error occurs in #1: "Cannot read property 'uid' of undefined". Treeview #2 still shows the new data, but treeview #1 doesn't get round to highlighting the selected node, because of the error. I have no idea why this is happening.
The following example should show this error. This example code is based off of the standard Kendo demo for using a Hierarchical DataSource. My variation uses a new instance of the same datasource for both treeviews, which makes the example look rather useless, but hopefully it helps to make the point.
I tried the same thing with fixed data, i.e. a datasource that uses fixed, inline data, and that does seem to work.
<div id="treeview"></div><div id="treeview2"></div><script> function MakeTreeview(parent, child) { var serviceRoot = "http://demos.kendoui.com/service"; homogeneous = new kendo.data.HierarchicalDataSource({ transport: { read: { url: serviceRoot + "/Employees", dataType: "jsonp" } }, schema: { model: { id: "EmployeeId", hasChildren: "HasEmployees" } } }); $(parent).kendoTreeView({ dataSource: homogeneous, dataTextField: "FullName", select: child != null ? function (e) { MakeTreeview(child, null); } : null }); } MakeTreeview("#treeview", "#treeview2");</script>Any suggestions are greatly appreciated, thanks.
Jean-Pascal van der Endt
Top achievements
Rank 1
Rank 1
answered
on
07 Aug 2012
0 answers
179 views
I'm sure these have both been asked, but I do not see a way to search your forums.
I am looking to show a bar chart of "sales" over a six month period. So there are six vertical bars. Each month also has a goal. The goal is defined as the sum of each employee's personal goal. So If I had two employees in Month 1, and their goals were $100,000, then the goal is $200,000. In month 3 I add a new employee with a goal of $120,000 and now the goal is $320,000.
To help show this, I want to setup my chart as follows:
1) Six vertical bar charts with [Jan/Feb/Mar....] underneath.
2) A plotted point on the chart above or inside these bars indicating the goal for that month.
3) A tooltip on the bars themselves like "$205,302.02 in sales".
4) A tooltip on the indicators showing "$200,000 goal between 2 employee(s)"
So, the questions are:
#1 and #2 are easy, but I cannot figure out how to do these together.
# 3 is easy as it uses a template. But I cannot figure out #4. There's no template to show "2 employees" unless "2" is part of a data array, and if it is part of a data array, how can I use it in a tool tip and not show it on the chart otherwise?
I am looking to show a bar chart of "sales" over a six month period. So there are six vertical bars. Each month also has a goal. The goal is defined as the sum of each employee's personal goal. So If I had two employees in Month 1, and their goals were $100,000, then the goal is $200,000. In month 3 I add a new employee with a goal of $120,000 and now the goal is $320,000.
To help show this, I want to setup my chart as follows:
1) Six vertical bar charts with [Jan/Feb/Mar....] underneath.
2) A plotted point on the chart above or inside these bars indicating the goal for that month.
3) A tooltip on the bars themselves like "$205,302.02 in sales".
4) A tooltip on the indicators showing "$200,000 goal between 2 employee(s)"
So, the questions are:
#1 and #2 are easy, but I cannot figure out how to do these together.
# 3 is easy as it uses a template. But I cannot figure out #4. There's no template to show "2 employees" unless "2" is part of a data array, and if it is part of a data array, how can I use it in a tool tip and not show it on the chart otherwise?
0 answers
139 views
Fixed...
I have a new problem now but will post as a new question.
I have a new problem now but will post as a new question.
Devon
Top achievements
Rank 1
Rank 1
asked
on
07 Aug 2012
0 answers
79 views
Please see the attached image.
It seems useless giving each box a height of 25%.
PS. everything is inside a <div data-role="view">
It seems useless giving each box a height of 25%.
PS. everything is inside a <div data-role="view">
Fanzy
Top achievements
Rank 1
Rank 1
asked
on
07 Aug 2012
3 answers
537 views
Hi everyone,
I am trying to create a kendo dropdownlist that binds to a datasource from a web service.
Since I want to reduce the size of the sent data, I decide to use dictionary<string, string> instead of a class that has properties for the select name and value.
However, I got a bit stuck on the mapping part since the dictionary<string, string> will convert to Json string as { "value1" : "name1", "value2" : "name2", ...}, hence javascript will see value{n} as properties and name{n} as their values instead of pairs of two separate value.
Bottom line is that I would like to convert these pairs of values into datasource fields "name", and "value". What would be the best way to tackle this?
Thank you,
Patt
I am trying to create a kendo dropdownlist that binds to a datasource from a web service.
Since I want to reduce the size of the sent data, I decide to use dictionary<string, string> instead of a class that has properties for the select name and value.
However, I got a bit stuck on the mapping part since the dictionary<string, string> will convert to Json string as { "value1" : "name1", "value2" : "name2", ...}, hence javascript will see value{n} as properties and name{n} as their values instead of pairs of two separate value.
Bottom line is that I would like to convert these pairs of values into datasource fields "name", and "value". What would be the best way to tackle this?
Thank you,
Patt
John DeVight
Top achievements
Rank 1
Rank 1
answered
on
07 Aug 2012
0 answers
146 views
Hi,
I'm using kendo ui but it's very slow, combobox is loading firstly without any style then flushing with the kendo ui style?
can any one help on this?
I'm using kendo ui but it's very slow, combobox is loading firstly without any style then flushing with the kendo ui style?
can any one help on this?
