Questions on Kendo UI for jQuery Forum

2 answers

225 views

kendo hierarchical grid Client template does not support @Ajax.actionLink

I have following hierarchical grid using template.
Ajax link does not work moment I add { UpdateTargetId = "mainBody" } to AJAX option.
It seems the client template doesn't like # in front of data-ajax-update [ data-ajax-update=\"#mainBody\"]

Any workaround, I tried replacing it with its unicode value but it din't worked.
Please help.

<script id="template" type="text/kendo-tmpl">
@(Html.Kendo().Grid<STAR.EPIC.Models.GNMA.LoanViewModel>()
.Name("exceptionsGrid_#=ExceptionQueueId#")
.HtmlAttributes(new { style = "width:30%;" })
.Columns(columns =>
{
columns.Bound(p => p.id).Width(100)
.ClientTemplate(@Ajax.ActionLink("\\#=id\\#", "LoanDetail", "LoanDetail",
new
{
Id = "\\#=LoanNumber\\#",
}, new AjaxOptions() { UpdateTargetId = "mainBody" }).ToHtmlString());
})
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetLoansForException", "LoanCollection", new { ExceptionQueueId = "#=ExceptionQueueId#", }))
).ToClientTemplate()
)

</script>

Grid

answered on 18 Apr 2013

1 answer

76 views

ThemeBuilder missing 3 widgets

Hi Guys!

I'm trying to use the Kendo online ThemeBuilder to get a look-and-feel for the Kendo Web suite of widgets under different themes but i cannot find there the MultiSelect, Tootip and ColorPicker widgets.

I believe these 3 widgets should appear there to give users a complete look-and-feel of Kendo UI Web suite of widgets.

Cheers!

General Discussions

answered on 18 Apr 2013

3 answers

302 views

Grid Multiple Row Selection

I have a Grid on a mobile app and I set to multiple row through selectable: option. I have a problem where I can not select alternating rows. Basically every other row can not be selected.

Do I have something set up wrong or if this is an issue how do I fix this?

We are getting our data through a datasource and JSON.

Thanks in advance for your help

Grid

answered on 18 Apr 2013

3 answers

247 views

Refresh Row Before Edit

I have two requirements

Before editing a record make sure no one else is editing it
Refresh the data for that record before editing

I have added a custom button instead of the standard edit that will check if anyone else is editing it and pull the new data. I go and update all the columns with the new values but my problem is if the user clicks cancel it reverts back to the old values. I have tried setting the dirty flag to false but that does not seem to have any affect.

Grid

answered on 18 Apr 2013

1 answer

102 views

Data Columns are taller than entire chart.

Hello, when I use the code below, the bars are taller than the chart. Also, the labels on the left are really small numbers? Any help?

01.jQuery(function () {

02. jQuery("#salesgraph").kendoChart({

03. "title": {"text": "Sales by Category"},

04. "legend": {"visible": true},

05. "valueAxis": [

06. {"labels":

07. {"template": "#=kendo.toString(value, 'c')#"},

08. "line": {"visible": false}

09. }

10. ], "categoryAxis": [

11. {"categories": ["Foosackly's #1", "Foosackly's #2", "Foosackly's #3", "Foosackly's #4"], "majorGridLines": {"visible": false}}

12. ], "tooltip": {"visible": true, "template": "#= series.name# = $#=kendo.toString(value, 'c')#"},

13. "seriesColors": ["#cd1533", "#B5A6F3", "#dc5c71", "#e47f8f", "#eba1ad", "#009bd7", "#26aadd", "#4db9e3", "#73c8e9", "#99d7ef"],

14. "seriesDefaults": {"type": "column"},

15. "series": [

16. {"name": "Default Category", "stack": "Sales", "data": ["20636.970000", "598.380000", "8691.860000", "751.250000"]},

17. {"name": "Box", "stack": "Sales", "data": ["57722.230000", "43723.010000", "31335.000000", "42466.370000"]},

18. {"name": "Sandwiches", "stack": "Sales", "data": ["5904.700000", "4027.600000", "3256.800000", "4352.870000"]},

19. {"name": "Salads", "stack": "Sales", "data": ["17934.920000", "16076.740000", "12776.440000", "12584.570000"]},

20. {"name": "Snacks", "stack": "Sales", "data": ['0','0','0','0']},

21. {"name": "20 oz Drinks", "stack": "Sales", "data": ["12507.670000", "8870.100000", "4937.600000", "10333.810000"]},

22. {"name": "32 oz Dinks", "stack": "Sales", "data": ["3334.850000", "3007.320000", "2722.540000", "2644.120000"]},

23. {"name": "Catering", "stack": "Sales", "data": ["1495.720000", "624.800000", "725.070000", "1339.400000"]},

24. {"name": "Sacks", "stack": "Sales", "data": ["6548.720000", "2990.750000", "3359.930000", "4864.500000"]},

25. {"name": "Bigger Boxes", "stack": "Sales", "data": ["27221.620000", "17902.450000", "14814.600000", "19666.630000"]},

26. {"name": "3 Finger Snacks", "stack": "Sales", "data": ["12320.510000", "8707.950000", "5700.500000", "8894.630000"]},

27. {"name": "Free Snacks", "stack": "Sales", "data": ["1.320000", "1.750000", "1.040000", "2.340000"]}

28. ]});

29. });

Charts

answered on 18 Apr 2013

1 answer

102 views

Calendar selection mode in kendo ui

Is there any option in kendo ui calendar for selection mode = DayWeekMonth available in asp.net calendar control?

Calendar

answered on 18 Apr 2013

12 answers

150 views

WP8& custom icons

Porting my web fonts over for WP8.

I've specified my custom font like this.

.km-root .km-pane .km-view .km-mail2 {
    background-size: 100% 100%;
    -webkit-background-clip: border-box;
    background-color: currentcolor;
}

.km-mail2 {
    -webkit-mask-box-image: url("mail.png");
    background-color: red;
}

And, I've attached the file I'm using. It works in Android/iOS (if I substitute this for the web font. But, in WP8 it looks liike a solid white square. Any ideas?

General Discussions

answered on 18 Apr 2013

1 answer

76 views

Kendo mobile Application Typescript declaration constructor incorrect

The mobile Application class constructor should start with an HTMLElement parameter. Currently you have:

module kendo.mobile {

class Application extends Observable {

constructor(options?: ApplicationOptions);

should be:

constructor(element?: HTMLElement, options?: ApplicationOptions);

This is the second error I found. First was:
Typescript definition for kendo mssing ns property

Note that this is KENDO MOBILE. Please provide a kendo.mobile.d.ts for that! In my previous thread you said to rename the kendoui one. That, of course, will not work.

General Discussions

answered on 18 Apr 2013

3 answers

371 views

Loader / Progress bar

Is there any progress bar widget in kendo ui?

General Discussions

answered on 18 Apr 2013

16 answers

4.3K+ views

Kendo UI Grid Inserts/Updates create Duplicate Records

Hi, I am using Kendo UI in an MVC application

I have a Kendo UI Grid which performs some CRUD operations but it inserts duplicate records when I try to update an existing record.
Is there a way to replace your insert and update dialog with my own custom jquery dialog.

If I turn-off Batch Editing, my post to the controller fails. My controller has the following annotations:

[AcceptVerbs(HttpVerbs.Post)]
        [JsonParameter(Input = "models", Output = "Offices", DataType = typeof(IList<RegionalOfficeModel>))]
        public ActionResult Delete(IList<OfficeModel> Offices)

 //My code to delete

Grid

answered on 17 Apr 2013