Questions on UI for ASP.NET MVC Forum

1 answer

257 views

Kendo MVC grid Inline edit update button not working.

Hello,

I have Kendo MVC grid with In-line editing. When I click on save button is show following error message and unable to update record.

I'm using "Kendo UI Complete v2013.1.514 (http://kendoui.com)" version.

-------------------------------------------------
kendo.web.min.js (line 9, col 1)

SyntaxError: missing ; before statement

d.0=value
-------------------------------------------------

Do anyone is having any solution regarding this.

Thanks,
-Nandu.

Grid

answered on 19 Jul 2013

7 answers

206 views

[Solved] show/hide grid columns in other tab

Hello!
I use Tabstrip(asp mvc)! I have two tabs;
Example:
I select second tab;
I have grid in first tab
And If I use this:
grid.showColumn()
All good, but if I use grid.hideColumn
I see this:
screan_1.png
But I need:
screan2.png

TabStrip

answered on 19 Jul 2013

1 answer

160 views

Web Grid with Incell editing and keyboard navigation - not accepting ENTER for new lines on textarea

Hi,

I have a grid configured on ASP MVC using Razor with a custom editor template, to show a textarea for editing a big text field.

The grid as per client requirements, needs to allow incell edit and keyboard navigation.

The problem I'm having is that having that configuration doesn't allow me to press Enter key for adding new lines on the textarea while editing, instead cause the cell get out of edit mode.

Couldn't find a way to suppress that behavior nor to change it.

Any ideas?

Grid

answered on 19 Jul 2013

1 answer

94 views

Filter dropdown in edit mode based on previous selected dropdown(s)

Hi

I'm using the approach found here (Editing Custom Editor) to bind some of my fields during edit mode to dropdown menus.

Everything works great but I need to know if it is possible to filter dropdowns during edit mode based on a previous selected value, which also happens to be a dropdown.

To help explain myself better, here is how the structure work:

[dropdown 1] [dropdown 2] [dropdown 3]
select * where parentId = null select * where parentId = id of dropdown 1 select * where parentId = id of dropdown

As you can see above, I will need to find a way to query the server on each change of the dropdown item to filter out the data I need to bind for the next dropdown.

I will appreciate it if anybody can point me in the right direction or perhaps to some relevant samples.

Thanks

Grid

answered on 19 Jul 2013

1 answer

111 views

Use DisplayTemplate default for grid cells

I have complex objects that need to be rendered in each grid, is there any way to make them render as their DisplayTemplates rather than having to manually create a javascript templates for each row.

The whole selling point of Kendo MVC was that I wouldn't have to screw around with javascript, and true, I haven't been using much javascript (which I'm familiar with) except for the workarounds for Kendo!

Grid

answered on 19 Jul 2013

2 answers

151 views

[Solved] SCRIPT5007: Unable to get value of the property 'nextSibling': object is null or undefined

I have a combo box bound to remote data:

@(Html.Kendo().ComboBox()
.Name("cbUser")
.HtmlAttributes(new { style = "width:350px" })
.DataTextField("DisplayName")
.DataValueField("Guid")
.Filter("contains")
.AutoBind(false)
.MinLength(0)
.DataSource(source => source
.Read(read => read.Action(AdministrationController.GetUsersAction, AdministrationController.Controller))
.ServerFiltering(true))
.Events(e => e.Change("UserSelected"))
)

If I just focus this control (there are no items yet) and hit the up/down keys I get the following javascript errors:

SCRIPT5007: Unable to get value of the property 'previousSibling': object is null or undefined
kendo.all.min.js, line 14 character 15241

ComboBox

answered on 18 Jul 2013

4 answers

237 views

[Solved] Custom PopUp Editor - Perform Action and Remain Open?

This is partially a Kendo Grid question and I think partially a general MVC question.

I have a Grid and I am using a custom popup editor template. Within that template I have one field (from the grid) which is for EmployeeID. While the editor window is open I want them to enter the EmployeeID and have it do a lookup and get the employee name for that ID and display it so they can make sure it is correct before they submit.

I'm not really sure how to go about doing that. Any advice or examples would be greatly appreciated.

Thanks,

Steve

Grid

answered on 18 Jul 2013

2 answers

298 views

[Solved] Tab not displayed while loading content dynamically

Hi Telerik team !

I have an issue using tabstrip in ASP.NET MVC4.
I have a dynamic number of tabs (4 for the moment) with a dynamic content based on the tab.
I use a datasource built with JSON to generate my tabs, and the content of the tabs is a partial view (same partial view each time but filled with JSON datasource in a grid).
The funny part is that loading a tab allow me to load the other ones (previous ones) but not the next ones, ie loading the last tab allow me to see all the tabs i want in the tabstrip, but loading the first one only allow me to see the first one.
I'm using Kendo 2013.1.514, on Windows 7 64bits, and Chrome 28.0.1500.72 m
Here's my code for building the tabstrip:

01.@{

02. ViewBag.Title = "";

03. Layout = "~/Views/Shared/_AdminLayout.cshtml";

04.}

05.<div class="span9">

06. <div id="list-wrapper">

07. <div class="k-content">

08. <div id="tabStrip"></div>

09. </div>

10. </div>

11.</div>

12.

13.<script>

14. $(document).ready(function () {

15. var data = new kendo.data.DataSource({

16. type: "json",

17. transport: {

18. read: {

19. type: "POST",

20. url: "@Url.Action("RequestTabs")/",

21. dataType: "json",

22. contentType: "application/json; charset=utf-8",

23. error: function (xhr, ajaxOptions, thrownError)

24. {

25. alert("error " + xhr.responseText);

26. }

27. }

28. }

29. });

30.

31. $("#tabStrip").kendoTabStrip({

32. dataTextField: "Text",

33. dataContentUrlField: "ContentUrl",

34. dataSource: data

35. });

36. //$("#tabStrip").data("kendoTabStrip").select()

37. });

38.

</script>

Here's my code for the pages :

01.<div id="GridTD"></div>

02.

03.<script id="rowTemplate" type="text/x-kendo-template">

04. <tr>

05. <td>

06. #: ModuleName #

07. </td>

08. @foreach (AccessModel access in Model.access)

09. {

10. <text>

11. <td id="Active-#: @Html.Raw("Acc"+access.AccessID.ToString()) #">

12. </td>

13. </text>

14. }

15. </tr>

16.</script>

17.

18.<script>

19. $(document).ready(function () {

20.

21. var columnSchema = [];

22. columnSchema.push({ field: "ModulID", hidden: true });

23. columnSchema.push({ field: "ModuleName" });

24. @foreach (AccessModel access in Model.access)

25. {

26. <text>

27. columnSchema.push({ field: "@access.AccessName" });

28. </text>

29. }

30.

31. var data = new kendo.data.DataSource({

32. type: "json",

33. transport: {

34. read: {

35. type: "POST",

36. url: "@Url.Action("RequestTabGroup")/@Model.ID",

37. dataType: "json",

38. contentType: "application/json; charset=utf-8",

39. error: function (xhr, ajaxOptions, thrownError)

40. {

41. alert("error " + xhr.responseText);

42. }

43. }

44. },

45. schema: {

46. data: "TabGroup",

47. model: {

48. fields: {

49. }

50. },

51. total: function (response) {

52. return $(response.TabGroup).length;

53. }

54. },

55. pageSize: 12

56. });

57.

58. $("#GridTD").kendoGrid({

59. dataSource: data,

60. columns: columnSchema,

61. sortable: true,

62. pageable: true,

63. rowTemplate: kendo.template($("#rowTemplate").html())

64. });

65. });

66.</script>

Feel free to ask me more source code if something is missing.

PS : I'm using template to style my row, but i can't make a "border" for more visibility (like in excel). Is there something to add to the <tr> to make this change ?

Thanks in advance for your answer.

TabStrip

answered on 18 Jul 2013

1 answer

96 views

Sending values to action - the correct way

Hi,

please have a look at my forum post:
http://www.kendoui.com/forums/permalink/boGRRa6aG2OF1P8AAFTdxQ

I posted it in the wrong category. Its actually ASP.NET MVC 4! If somebody could move it to this forum, that would be great.

Regards,
Marcus

MultiSelect

answered on 17 Jul 2013

2 answers

64 views

Post filtered grid's results back to server

Hi

How can I go about posting the grid back to my controller with the filtered results?

I basically have a filterable grid and a button which need to handle the data from the grid, but only the filtered results using the built-in filtering functions.

Thanks

Grid

answered on 17 Jul 2013